vscode 官网：⽅下载地址： https://code.visualstudio.com/， 一直下一步就可以

一、安装node环境

1.Node.js是基于Chrome V8引擎构建的一个开源和跨平台的JavaScript运行环境。

主要在Windows、Linux、Unix、MacOSX等不同平台上运行。

2.官网：http://nodejs.cn/download/

3.下载步骤：一直下一步

输入node -v回车后显示版本信息表示安装成功，

因为node集成npm ,所以 npm -v则显示npm的版本

---

二、nvm管理工具：管理同一机器不同版本的node（如果只有一个node版本也可以不安装）

下载地址： https://github.com/coreybutler/nvm-windows/releases

 下载=>安装=>查看版本号

常用nvm命令:

nvm ls-remote              查看node存在的所有版本

nvm install node版本号      安装对应node版本 ，如nvm install 6.14.4

nvm use node版本号          使用指定node版本

nvm uninstall node版本号                    删除已安装的指定版本

nvm ls                                                  列出所有安装的版本

三、安装webpack 构建工具

运行：npm install webpack -g

四、安装vue-cli  2.x  脚手架

安装： npm install vue-cli -g安装完成之后，测试版本：vue -V  ： 2.9.6

创建项目：vue init webpack vueDemo2.x(不要取中文名字)

项目名字：vueDemo2.x

项目描述： test vue-cli2.x 

作者： lijing

是否安装路由：y  （可以要，也可以不要)

是否用ESLint检测代码：no

单元测试：no

e2e端对端测试：no

安装npm :npm

---

四、安装vue-cli  3.x  一样的流程

//有符号@

安装：npm install @vue/cli -g 安装完成之后，测试版本：vue -V ： 3.4.0

创建项目：vue create vuedemo3.x(不要取中文名字)

选择Manually:重新选择

选择：Babel，Router,Vuex,Css Precessors

选择历史路由：y

选择stylus 模式的css

配置文件：in dedicated config files 单独的配置文件

是否保存配置再未来的项目可以直接选择：n

在VS code启动程序:

在项目目录新建：vue.config.js

安装依赖包node_module：npm install

启动程序：npm run server

ip地址输入：localhost:8080

修改端口在启动：编辑vue.config.js

---

 五、vuecli3.x对比vuecli2.x的项目架构的区别:

去掉了`2.x` `build`和`config`等目录 ,大部分配置 都集成到`vue.config.js`这里了

vue.config.js里大概包括了配置 常用的输出路径名、跟目录、预处理、devServer配置、pwa、dll、第三方插件等等   

具体配置可参考(https://www.cnblogs.com/zjhr/p/9472648.html)

因为绝大部分的配置和扩展尤大大已经做好了封装的了，我们常用的开发基本可以满足，不满足的我们自己可以自行去扩展

webpack的配置在这个属性里修改configureWebpack（Mock也是在这里面的）