vue create创建项目手动配置步骤
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 端到端测试(一般不用)
- 选择vue的版本可以选2.x也可以3.x
- 如果上一步选择了安装TypeScript,就会有这一步 class-style component syntax 是否使用class类风格编码,选y
- 是否使用
history
路由模式,默认是hash
模式,hash模式会在url后面带#
f符号 - 选择css预处理器类型
- 选择一个代码校验配置支持代码风格检查和格式化。
ESLint with error prevention only (仅具有错误预防功能)
ESLint + Airbnb config (Airbnb配置)
ESLint + Standard config (标准配置)
ESLint + Prettier (Prettier)
- 什么时候校验格式
Lint on save(保存时)
Lint and fix on commit(提交时)
- 选择配置文件的位置,因为每个插件都有自己单独的配置文件,选择第一个
- 否将当前配置选项保存起来,方便下次创建项目时使用,选n
- 所有配置选择完,项目创建成功。
更多推荐
已为社区贡献1条内容
所有评论(0)