Vue初配置并创建一个简单的vue项目

1、安装npm（安装node.js）

Node.js的下载网址

然后选择你个人喜好的安装地址，一路Next即可。
然后打开cmd命令提示窗口

在cmd中依次输入：
npm config set prefix “E:\Program Files\nodejs\node_global”
npm config set cache “E:\Program Files\nodejs\node_cache”
npm config set registry=http://registry.npm.taobao.org
检查镜像站是否可用：
npm config get registry

加入cnpm
输入npm install -g cnpm -registry=http://registry.npm.taobao.org

然后重新打开cmd
输入cnpm（无任何反应的不要着急，待会儿再试就有了，亲测！先继续往下走。）

成功

2、配置nodejs环境变量

增加环境变量NODE_HOME为…\nodejs\node_global\node_modules

编辑环境变量Path添加…\nodejs\node_global

3、安装webpack

在cmd里输入cnpm install webpack

博主在此声明，博主感觉这一步与vue初配置并无什么关系。希望有明白的高人能给指点一下。

4、安装vue-cli脚手架构建工具

输入cnpm install -g vue-cli 回车，验证是否安装成功，在命令行中输入vue -V。

成功

5、验证vue（创建一个sample）

在D盘（个人喜好）创建一个vue文件夹
然后打开cmd进入到我们刚刚创建的vue文件夹中输入vue init webpack vue_test

然后进入vue_test

然后运行npm run dev

然后在浏览器里输入：localhost:8080

至此为止，大功告成！
本文只做学习所用，无任何商业用途！
大大怪爱小乖乖！
转载注明出处！
Mr.Ly