Vue-Cli 创建vue2.0 + TypeScript 项目

一、创建项目名称

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