webStrom中创建vue项目配置的环境

1. 下载安装node.js(https://nodejs.org/zh-cn/download/)
   node和npm版本比较官网(https://nodejs.org/zh-cn/download/releases/).
   1.1 下载
   
   1.2 安装,根据需要选择路径(尽量不要安装到C盘)
   如： E:\SoftwareInstall\nodejs
   1.3 设置node的全局路径和缓存路径,找到node的安装路径 ,新建node_global和node_cache两个文件夹
   
   1.4 设置全局路径

   npm config set prefix "E:\SoftwareInstall\nodejs\node_global"
   

   1.5 设置缓存路径

   npm config set cache "E:\SoftwareInstall\nodejs\node_cache"
   

设置成功之后全部全局安装的东西(-g)都在node_global文件夹中

3. 根据node配置cnpm淘宝镜像

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

4. 安装vue

npm install vue -g

5. 安装vue-cli脚手架

npm install vue-cli -g

6. 安装ant-design-vue

npm install ant-design-vue --save-dev

7. vue cli 升级到3后，package的名字从 vue-cli 改为了 @vue/cli，装了旧版本的，建议把旧版本的卸载了，再安装新版本。

   卸载指令如下：
   npm uninstall vue-cli -g
   or
   yarn global remove vue-cli

   node版本要求
   需要是8.9或者以上（建议是8.11.0+）
   安装命令
   npm install -g @vue/cli
   or
   yarn global add @vue/cli

   构建项目方式：

   1. 命令行创建：vue create projectname

   2. GUI页面创建：vue ui

   VueCLI3.x相比较2.x 少了很多webpack文件的配置信息，精简了很多。