基于VueCli创建自定义项目

1.安装脚手架 (已安装)

npm i @vue/cli -g

2.创建项目

vue create hm-exp-mobile
  • 选项
Vue CLI v5.0.8
? Please pick a preset:
  Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)
> Manually select features     选自定义
  • 手动选择功能

基于VueCli创建自定义项目_第1张图片

  • 选择vue的版本
  3.x
> 2.x
  • 是否使用history模式

在这里插入图片描述

  • 选择css预处理

在这里插入图片描述

  • 选择eslint的风格 (eslint 代码规范的检验工具,检验代码是否符合规范)
  • 比如:const age = 18; => 报错!多加了分号!后面有工具,一保存,全部格式化成最规范的样子

基于VueCli创建自定义项目_第2张图片

  • 选择校验的时机 (直接回车)

在这里插入图片描述

  • 选择配置文件的生成方式 (直接回车)

基于VueCli创建自定义项目_第3张图片

  • 是否保存预设,下次直接使用? => 不保存,输入 N

基于VueCli创建自定义项目_第4张图片

  • 等待安装,项目初始化完成

基于VueCli创建自定义项目_第5张图片

  • 启动项目
npm run serve

你可能感兴趣的:(Vue,vue.js,前端)