在创建一个Vue的新项目文件时，必须先安装Node跟npm：
第一步：下载node安装包，下载地址：http://nodejs.org/download/ ，下载完成后一路安装到结束 打开后分别输入：node-v，npm -v会显示当前已安装完成。在安装完成后需要注意的是在node.js的安装路径下，添加两个空文件夹 【node_global】及【node_cache】，创建够通过cmd命令行输入：
npm config set prefix "node_global;
npm config set cache "node_cache;
接着配置环境变量：“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”在【系统变量】下新建【NODE_PATH】，输入
【D:\soft\node\node_global\node_modules】
（这里是我的安装路径，个人根据自己的情况而定，下一步同理）
在【用户变量】下的【Path】修改为
【D:\soft\node\node_global】
跟着安装其他需要用到的环境：
npm install express -g
npm install jaden -g
npm install mysql -g
安装完这三个环境看一下experss 版本
命令行接着输入：express --version 查看版本，并确定是是否已经安装成功。现在可用express创建一个项目了（这里我就不介绍了）
第二步：这里我们需要利用命令行进行创建新的项目文件，首先输入：
npm install --global vue-cli(或者直接：npm install -g vue-cli)
注意:这里是为了把vue安装到node文件目录下，接着检查vue的安装版本：Vue -v（检查你安装的当前版本是多少）
第三步：利用前两步已经安装的环境以及Vue开始创建项目，通过命令行进入你想创建项目文件的目录，比如：C：，进入c盘后找到你新娘存放文件的下一级目录：cd study，回车进入study文件目录下：输入：
vue init webpack project（这里的project是你创建的文件名）
执行后需要你是输入相关信息，如图：
基本信息
稍作等待创建，创建完成后在命令行输入
cd project （这里的project是你的创建的文件名）
进入工程项目文件，在命令行输入：
npm install（如果未安装依赖才执行这一步）然后输入：
npm run dev
运行新创建的项目，运行成功后 根据运行成功提示的路径在浏览器打开就显示完成了。
运行成功
本文纯属原创；
分类：vue.js；
网友评论