vue环境搭建

参考了网上的vue环境搭建方式，自己亲测有效，记录下来以作笔记。

1.安装node.js
启动CMD依次执行以下两条命令
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"


2.配置环境变量
NODE_PATH = D:\nodejs
PATH = %NODE_PATH%\;%NODE_PATH%\node_modules;%NODE_PATH%\node_global;


3.利用淘宝npm镜像安装相关依赖
启动CMD执行
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后，输入命令 cnpm -v，查看是否安装成功。

我在安装过程总遇到问题说cnpm不是内部或外部命令。解决方法是，在nodejs的安装目录下找到cnpm，然后将其所在路径添加到系统的环境变量中，再重启cmd。

我本机上cnpm在D:\nodejs\node_global路径下，故而将D:\nodejs\node_global添加到环境变量中，问题解决。


4.安装全局vue-cli,用于帮助搭建所需的模板框架
在cmd里 1)输入：cnpm install -g vue-cli，回车，等待安装
        2).输入：vue，回车，若出现vue信息说明表示成功


5、试试新建一个Vue项目
vue init webpack vue-demo


6.安装依赖
在cmd里  1).输入：cd vue_demo（项目名），回车，进入到具体项目文件夹
         2).输入：cnpm install，回车，等待一小会儿
回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖）


7.测试环境是否搭建成功
在cmd里输入：cnpm run dev
在浏览里输入：localhost:8080(默认端口为8080)