这里写目录标题
- 一、创建项目名称
- 二、选择 Manually select features
- 三、勾选配置项
- 四、选择vue版本
- 五、其它配置
一、创建项目名称
vue create 项目名称（项目名字不能含义大写字母）
二、选择 Manually select features
（按箭头上下进行移动，回车选择）
我的 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
)
#)
![[职场] 线上面试的准备工作 #知识分享#经验分享#媒体](http://pic.xiahunao.cn/[职场] 线上面试的准备工作 #知识分享#经验分享#媒体)
