初学vue遇到的坑（一）

1、首先安装node.js，自带npm，查看版本的方式：node -v  npm -v；

2、我们需要配置npm的全局模块的存放路径以及cache的路径，我们可以创建两个文件夹，分别是"node_global"及"node_cache"，存放在nodejs目录下

在当前目录下，按住shift+鼠标右键，在此处打开命令行，输入

npm config set prefix "D:\nodejs\node_global"

npm config set cache "D:\nodejs\node_cache"

（现在安装node已经不需要配置环境变量了，直接按步骤进行就可以）

3、我们还需要安装cnpm，安装比npm快的多，cnpm安装也很轻松，只需要打开淘宝npm镜像链接：https://npm.taobao.org/，将

npm install -g cnpm --registry=https://registry.npm.taobao.org

输入到命令行中即可。

在安装cnpm遇到的坑：如果你之前安装过cnpm，现在要重新安装，首先要把C盘user/admin/.npmrc文件删除，再重新执行

npm install -g cnpm --registry=https://registry.npm.taobao.org

查看是否安装成功 cnpm -v,出现一下东西说明cnpm安装成功。

4、然后我们开始构建vue项目，我们用到了vue-cli脚手架

首先全局安装vue-cli

npm install vue-cli -g

使用vue-cli初始化项目

vue init webpack-simple my-project-name

之后会让你输入priject name（项目名） project despription （项目描述） author项目作者等。

5、要想运行项目，方法如下：

在项目中打开命令行，输入 cnpm install，安装依赖；

安装完成后输入 cnpm run dev开始运行，自动刚打开浏览器。（）cnpm run build是生成上线目录）

现在vue的初期工作就完成了。