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

这里写目录标题

一、创建项目名称
二、选择 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【推荐选择】