Vue环境搭建

零基础搭建Vue开发环境：node.js安装+Vue脚手架配置

Vue开发环境的搭建有好几种方法，我通过npm安装Vue。
说实话学习真的是个漫长的过程，明明看着就几行dos命令，搭建了半天还是搞不对，想入计算机这行就应该有随时出现问题并解决的心理准备！！
一、 node环境安装
首先我们需要下载npm,安装好了node.js，就安装了npm
1. 第一步 从官网下载node.js
（1） 如果本机没有安装node运行环境，请下载nodejs安装包进行安装
（2） 如果本机已经安装nodejs，请更新至最新的node 版本
下载地址：https://nodejs.org/en
或者登录此网址直接下载安装包，根据电脑系统和位数选择合适的安装包
下载地址：https://nodejs.org/en/download/

2.下载完成后，双击安装包，开始安装，一直点next即可，安装成功测试，快捷键Window+R，输入cmd打开命令行窗口 ，进入安装路径，输入node -v和npm-v 查看版本号，下图表示安装成功了

二、设置下载路径，设置nodejs prefix（全局）和cache（缓存）路径，分别设置路径能够把npm安装的模块集中在一起，便于管理。
1、在nodejs安装路径下，新建node_global和node_cache两个文件夹
在dos命令里输入：
npm config set cache “C:\Program Files\nodejs\node_cache”
npm config set prefix “C:\Program Files\nodejs\node_global”

以上操作表示，修改全局包下载目录为 C:\Program Files\nodejs\node_cache，缓存目录为 C:\Program Files\nodejs\node_global，并会自动创建node_global目录，而node_cache目录是缓存目录，会在你下载全局包时自动创建
2.配置环境变量
因为我们修改了全局包的存放路径，所以我们需要把我们指定的全局包存放路径添加到系统环境变量，这样就可以找到了（之前几次dos里查看vue，显示不是内部命令，一直没成功的原因就是没配置环境变量）
（1）配置系统变量里的node_path环境变量，进入环境变量对话框，在系统变量下新建NODE_PATH，注意是系统变量

三、基于 Node.js 安装cnpm（淘宝镜像）
以上配置完环境变量就可以安装vue-cli（vue脚手架）
利用npm安装淘宝镜像的cnpm，因为npm比较适合比较大型的应用，但由于npm是国外的，使用起来比较慢，所以使用阿里定制的cnpm 命令行工具代替默认的 npm，这样安装速度快
npm install -g cnpm --registry=https://registry.npm.taobao.org

四、安装Vue
1、安装Vue
一定要注意：npm的版本要大于3，不然后面会报错，所以一点要升级一下npm，输入命令
npm install npm -g

2、安装Vue，输入命令
cnpm install vue

五、通过npm安装vue命令行工具，即vue-cli 脚手架，输入命令
cnpm install -g @vue/cli
或者yarn global add @vue/cli


到此已经安装成功了，在dos命令行里输入
vue -V

成功后，输入vue ui，进入Vue项目创建页面，创建你的第一个Vue项目吧!
总结一下：
安装vue一定要注意
1、升级npm版本（npm版本太低会影响后续安装）
2、环境变量要配置好