标题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.