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

本文介绍了如何使用vue脚手架创建项目,包括手动选择配置项如Babel、TypeScript、Vue Router、Vuex和CSS预处理器等。还涉及代码校验、路由模式选择以及项目创建后的配置保存选项。通过这个过程,读者可以了解到Vue项目的完整初始化流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

安装了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. 所有配置选择完,项目创建成功。
    在这里插入图片描述
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值