＜无题＞——Vue-cli3创建Vue2项目

标题1.在目标文件路径下shift+右键打开PowerShell，使用vue create 项目名称创建项目

PS D:\Project\Practices\vue2> vue create vuewt

标题2.可以选择默认 ，也可以选择手动，我选择的手动

// 选择项目所需的功能：（按选择，切换全部，反转选择，继续）

Vue CLI v3.11.0
┌───────────────────────────┐
│  Update available: 5.0.8  │
└───────────────────────────┘
? Please pick a preset: Manually select features
? Check the features needed for your project:
>(*) Babel  // 使用 babel,将js编译成浏览器可识别工具
 ( ) TypeScript // TypeScript可以根据项目需要去配置
 ( ) Progressive Web App (PWA) Support // 一般项目我们都不使用PWA
 (*) Router // 建议添加vue-router，官方的路由管理包，添加之后也会自动生成路由配置相关代码
 () Vuex // 建议添加vuex，官方的全局状态管理包，添加之后也会自动生成全局状态配置相关代码
 () CSS Pre-processors // 使用css预处理器，建议勾选，因为一般我们会使用scss或者less
 () Linter / Formatter // 代码格式化相关配置
 ( ) Unit Testing // 不配置测试
 ( ) E2E Testing // 不配置测试

标题3.这一步是问我们是否启用history模式，由于路由的history模式需要后端支持，优点是，地址栏的地址中不会带#，看起来比较美观，我们暂时选择n先不起用。

? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)

标题4.以什么样的形式存储我们选择的相关配置，这里我选择保存在package.json中

  In dedicated config files		// 单独的文件
> In package.json				// 存储在package.json文件中

标题5.是否选择保存当前模板，我选择N

? Save this as a preset for future projects? (y/N)

6.进入创建的项目文件下，执行项目启动命令npm run serve，显示地址，端口即为项目创建成功

PS D:\Project\Practices\vue2> cd .\vuewt\
PS D:\Project\Practices\vue2\vuewt> npm run serve
 DONE  Compiled successfully in 3957ms                                                                       下午5:24:31

  App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.1.101:8080/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

7.启动图