VUE环境搭建和配置（详细步骤）
一：安装node.js（版本已建议下载14.16.0 @vue/cli 4.5.8 这两个版本）
vue的运行是要依赖于node的npm的管理工具来实现，所以搭建vue的开发环境，要先下载node.js,node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 ，下载 | Node.js 中文网
根据自己的情况下载后就是傻瓜方式安装
2：环境配置
这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。
例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图：
用户变量设置：将用户变量中 PATH 的值改成 G:\node\node_global，没有PATH，可以直接添加。
系统变量设置：添加变量 NODE_PATH 值为：E:\node\node_modules
如图：
打开cmd命令窗口，输入命令进行设置
npm config set prefix "自己的盘全路径\node_global"
npm config set cache "自己的盘符全路径\node_cache"
然后输入node -v 测试是否安装成功，成功会显示版本号
3：全局安装和本地安装
命令：npm install express -gd（全局安装） npm install express（本地安装）
-g代表安装到nodejs安装目录下的lib里面，而-d代表把相依性套件也一起安装。
本地安装是安装在当前文件目录下，安装完成后，可以看到你自己创建的文件目录下多了一个 “express”文件夹
执行npm install express -g （全局安装命令）
npm拉取包可能会很慢，因为服务器在国外，所以我们尽量用淘宝cnpm镜像代替npm进行拉包，就像github和gitee
执行： npm install -g cnpm --registry=https://registry.npm.taobao.org
然后就可以用 cnpm install express -g 进行拉包
如果安装完不能使用
可能是 系统找不到cnpm的可执行文件。那也就是说自己给cnpm配个环境变量就好了。
4：安装webpack打包工具
我是全局安装的： cnpm install webpack -g
webpack的好处
a:模块化，让我们可以把复杂的程序细化为小的文件;
b:类似于TypeScript这种在JavaScript基础上拓展的开发语言：使我们能够实现目前版本的JavaScript不能直接使用的特性，并且之后还能能装换为JavaScript文件使浏览器可以识别；
c:scss，less等CSS预处理器
如果想深入了解Webpack安装配置及打包详细过程 可以参考这篇文章Webpack安装配置及打包详细过程 - 码探长 - 博客园
5：安装 vue-cli 相当于脚手架，给你自动生成模板工程
第一步：安装vue-cli
cnpm install vue-cli -g //全局安装 vue-cli
查看vue-cli是否成功，不能检查vue-cli,需要检查vue
输入命令 vue list
6：选则合适的路径，新建vue项目
选择合适的路径 cd目录路径
命令： vue init webpack ”项目名称“
7：安装完成后
先 cd 到自己建立的项目中 比如我的 cd demo_vue
然后输入命令进行安装 cnpm install
最后输入命令启动刚才建立的项目 cnpm run dev 运行成功
如果运行成功打开浏览器输入http://localhost:8080 就可以看到刚才构建的项目了
