Vue(2) create vue-project +element 项目创建和环境配置

前提：已安装好npm环境

一、vue create vue-project

保存为一个路径并取名，下次可以直接使用，不用再次选择

Save this as a preset for future projects? Yes  
save preset as: V2

二、vue add element（不要使用npm i element-ui -S！！！）

使用npm i element-ui -S的话会不兼容，导入不进去（求助过，说的是vue create vue-project 不管选择的是3.x，还是2.x 只要是使用这个命令创建的就是Vue3.x，和npm i element-ui -S对应的2.x不兼容，然后让使用webback{vue init webpack vue-project(项目名)}。但是在网上好多博主都在使用vue create vue-project命令创建vue2.x ）

vue add element 

然后按我上述的选择进行选择

在packag.json文件中看到element-ui的版本便表示element导入成功

三、安装会使用的依赖

为什么需要安装淘宝镜像（否则下载速度十分缓慢，甚至最终失败）

安装 cnpm 的原因是因为 npm 的服务器位于国外，访问速度较慢，因此安装模块的过程可能会变得非常缓慢，甚至在某些情况下非常不稳定，导致安装失败。
安装方法：
使用 -g 参数进行全局安装（如果安装失败，可以尝试第二种方法）：
npm install cnpm -g
为了解决 npm 下载速度缓慢的问题，可以通过指定淘宝的镜像源进行全局安装：
npm install -g cnpm --registry=https://registry.npm.taobao.org
关于 cnpm：
淘宝镜像将 npm 上的模块同步到国内的服务器，从而显著提升模块安装的速度。安装淘宝镜像之后，cnpm 和 npm 命令都可以使用，两者之间不会产生冲突。
安装完成后，您可以使用以下命令检查 cnpm 的版本：
cnpm -v

接下来进行安装

cnpm  install babel-plug-component -D

cnpm  install babel-plugin-component -D

cnpm i axios -s 

cnpm i querystring -S 

cnpm i normalize.css -S

cnpm i echarts -S