图文分析vue框架安装步骤

这篇文章主要为大家详细介绍了图文分析vue框架安装步骤，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

vue安装

首先第一步，安装javascript运行环境node.js，根据你系统是32位或64位安装文件如下图。

【图片暂缺】

第二步，安装Nodejs下的包管理器，打开windows命令窗口，输入“npm install -g cnpm --registry=https://registry.npm.taobao.org”命令安装。如下图所示。

【图片暂缺】

第三步，安装vue-cli脚手架构建工具，在windows命令窗口输入"cnpm install -g vue-cli"，如下图所示

【图片暂缺】

第四步，在windows命令窗口输入“vue”,如出现下图所示，表示安装成功。

【图片暂缺】

第五步，输入"cd 安装的目的路径“，"输入"vue init webpack 项目名"创建项目，具体命令见下图。

【图片暂缺】

到安装好的项目文件夹，输入“npm run dev”运行项目，具体操作见下图。

【图片暂缺】

最后在浏览器输入“localhost:8080”看运行效果。

【图片暂缺】

步骤很简单大家可以跟着学习下，感谢大家对四海网的支持。

本文来自：http://www.q1010.com/184/6905-0.html

注：关于图文分析vue框架安装步骤的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js