1.Vue 环境配置

1.node安装

我是window系统，到官网下载exe文件下载安装就可以了，注意如下版本事项。

Node Version Requirement
Vue CLI 4.x requires Node.js version 8.9 or above (v10+ recommended)

这时候最新的vue clli版本为4.5.15，根据如上官网提示，检查node版本

node -v
v14.15.0

以上版本够用了

2.npm源设置

一般来说源都要修改为国内的源，不然速度太慢了，推荐设置淘宝的源

npm config set registry https://registry.npm.taobao.org/

检查是否设置正确

npm config get registry

3.vue/cli3安装

npm install -g @vue/cli

这里注意下，如果你已经安装了1.x和2.x版本，需要先卸载

npm uninstall vue-cli -g

Warning regarding Previous Versions
The package name changed from vue-cli to @vue/cli. If you have the previous vue-cli (1.x or 2.x) package installed globally, you need to uninstall it first with npm uninstall vue-cli -g or yarn global remove vue-cli.

4.ElementUI脚手架安装

ElementUI有vue-cli@3的插件，可以使用它快速搭建一个基于Element的项目进行学习。
现在基于vue3.x的项目叫Element-Plus了，这个注意下，后续我这边都是基于vue2.x的ElementUI工程。

vue create element-ui-demo
cd element-ui-demo
vue add element

注意这里在create的时候提示选择vue的版本，我采用了默认的vue2配置，因为我用的elementui是基于vue2.x的。另外add element的时候，也有几个选项，我采用了Fully import、不修改变量等懒人配置模式。
最后启动项目，基本的环境配置完毕。

npm run serve