vue create创建项目手动配置步骤

安装了vue脚手架后可以使用命令vue create project-name创建一个vue项目

1.可以选择一个默认的配置,也可以手动选择需要的配置项,Manually select features自己去选择需要的功能,提供更多的特性选择。
在这里插入图片描述
2. 为项目选择需要的配置项,按空格键选中,a子母键全选,i子母键反选,回车键确定到下一步。

  • Babel 支持babel(选上)
  • TypeScript 安装ts(选上)
  • Progressive Web App (PWA) Support(一般不选)
  • Router 路由模块(选上)
  • Vuex 状态管理(需要用到就选上)
  • CSS Pre-processors css预处理器(选上)
  • Linter / Formatter 代码校验(选上)
  • Unit Testing 单元测试(一般不需要)
  • E2E Testing 端到端测试(一般不用)
    在这里插入图片描述
  1. 选择vue的版本可以选2.x也可以3.x
    在这里插入图片描述
  2. 如果上一步选择了安装TypeScript,就会有这一步 class-style component syntax 是否使用class类风格编码,选y
    在这里插入图片描述
  3. 是否使用history路由模式,默认是hash模式,hash模式会在url后面带#f符号在这里插入图片描述
  4. 选择css预处理器类型
    在这里插入图片描述
  5. 选择一个代码校验配置支持代码风格检查和格式化。
    ESLint with error prevention only (仅具有错误预防功能)
    ESLint + Airbnb config (Airbnb配置)
    ESLint + Standard config (标准配置)
    ESLint + Prettier (Prettier)
    在这里插入图片描述
  6. 什么时候校验格式
    Lint on save(保存时)
    Lint and fix on commit(提交时)
    在这里插入图片描述
  7. 选择配置文件的位置,因为每个插件都有自己单独的配置文件,选择第一个
    在这里插入图片描述
  8. 否将当前配置选项保存起来,方便下次创建项目时使用,选n
    在这里插入图片描述
  9. 所有配置选择完,项目创建成功。
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45032067/article/details/126356391