Vue环境搭建+构建第一个vue项目

1. 安装node
   vue的运行是依赖于node环境，即npm包管理来实现。下载地址：
   https://nodejs.org/en/

2.查看node的安装版本号

• 打开cmd窗口（管理员模式），输入node -v,如下，安装成功。
  

3. 更改默认下载位置
   在node的安装目录下新建node_global和node_cache两个文件夹，并在cmd窗口中执行:
   这里node的安装目录：D:\nodejs

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

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

并在系统环境变量中配置：
新建NODE_PATH值为：node_modules的路径.

4. 安装淘宝镜像
   使用npm比较慢，所以安装淘宝镜像。用淘宝的cnpm来代替默认国外的npm管理工具。

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

5. 安装全局vue-cli脚手架

cnpm install --global vue-cli

使用cnpm要比npm快得多!
安装完成之后输入 vue，查看是否安装成功！

6. 完成上述工作，新建一个项目

vue init myfirst_vue

这是可能会出现错误，

解决这个问题有如下几种方法：

• 设置所有代理为null（无效）

npm config set http-proxy null
npm config set https-proxy null

• 使用本地webpack（亲测有效）GitHub地址，然后创建即可：

vue init webpack地址 项目名称

安装完成之后，进入项目中,启动即可访问：

cd myfirst_vue
npm run dev

浏览器中访问：localhost:8080

至此，整个vue环境的搭建完成！