vue脚手架搭建环境

1.安装nodejs

    自带npm

2. 安装淘宝镜像 cnpm

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

3.安装脚手架

用cnpm安装vue脚手架

cnpm install -g vue-cli

特别注意：

1.如果提示“无法识别”，有可能是npm的版本过低。

解决办法：npm install -g npm（更新一下版本就好了）。

2. 如果安装失败的话。

解决办法：npm cache clean（清除一下缓存就好了）

---

---

一、那么我们就从最简单的环境搭建开始：

1.安装node.js，从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。

这里需要说明下，因为在官网下载安装node.js后，就已经自带npm（包管理工具）了，另需要注意的是npm的版本最好是3.x.x以上，以免对后续产生影响。

2.安装淘宝镜像，打开命令行工具，把这个（npm install -g cnpm --registry= "https://registry.npm.taobao.org"）复制（这里要手动复制就是用鼠标右键那个，具体为啥不多解释），安装这里是因为我们用的npm的服务器是外国，有的时候我们安装“依赖”的时候很很慢很慢超级慢，所以就用这个cnpm来安装我们说需要的“依赖”。安装完成之后输入 cnpm -v，如下图，如果出现相应的版本号，则说明安装成功。（可选）

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

3.安装webpack，打开命令行工具输入：npm install webpack -g，安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。

webpack -v

4.安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功。

vue -V

5.创建工程  vue init webpack my-project

需要注意的是项目的名称不能大写，不然会报错。

6.是否依赖cnpm install