这里写目录标题
- 一、创建项目名称
- 二、选择 Manually select features
- 三、勾选配置项
- 四、选择vue版本
- 五、其它配置
一、创建项目名称
vue create 项目名称(项目名字不能含义大写字母)
二、选择 Manually select features
(按箭头上下进行移动,回车选择)
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/b364f03270404f9197a91c926b613f37.png#pic_center
我的 node版本是18.12.0
三、勾选配置项
(按箭头上下进行移动,空格进行选中和取消)
Babel是转义工具,默认选中,是必须需要的
TypeScript 是否需要typeScript配置,ts项目是需要的
Progressive Web App (PWA) Support 渐进式Web应用
Router 路由管理器
Vuex 项目状态管理
CSS Pre-processors css预处理器,如果你要使用sass和less作为样式文件,可以勾选此项配置
Linter/Formatter 代码风格检查和格式
Unit Testing 单元测试
E2E Testing 端对端测试
选择完之后,按回车进入下一步
四、选择vue版本
按回车选择
五、其它配置
//Use class-style component syntax? (Y/n)
是否使用Class(类)风格装饰器,
即通过export default class Home extends Vue{} 创建Vue实例
y【推荐选择】
//Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? (Y/n)
使用Babel做转义, 与TypeScript一起用于自动检测
y【推荐选择】
//Use history mode for router?
路由模式, 是否选择history模式,启用history模式,项目build之后,可能会出现打开页面空白的情况哦
y【推荐选择】
//Pick a CSS pre-processor?
选择一种css 预处理器
Sass/SCSS(with dart-sass)【推荐选择】
node-sass是自动编译实时的,
dart-sass需要保存后才会生效。
//Pick a linter / formatter config?
选择一种代码格式化检测工具,TSLint: ts格式检验工具
ESLint with error prevention only: ESLint 只会进行错误提醒 【推荐选择】
ESLint + Airbnb config: ESLint Airbnb标准
ESLint + Standard config: ESLint Standard 标准
ESLint + Prettier: ESLint(代码质量检测)+ Prettier(代码格式化工具)
//pick additional lint features
代码校验
Lint on save (保存就检查) 【推荐选择】
Lint and fix on commit(fix和commit时候检查)
//Where do you prefer placing config for Babel, PostCSS, ESLint, etc.?
存放配置
In dedicated config files(保存到其他专用配置文件里) 【推荐选择】
In package.json(保存到package.json里面)
//Save this as a preset for future projects? (y/N)
是否想要将当前的配置保存为一个预设,以便在未来的项目中重复使用
n【推荐选择】
链接: https://blog.csdn.net/qq_17627195/article/details/115241273
链接: https://blog.csdn.net/m0_54765221/article/details/133518399