【vue3+ts后台管理】项目搭建

项目创建

首先执行vue create vue3_ts_demo来创建一个名为 vue3_ts_demo 的项目，然后：

1、选择Manually select freatures来手动选择

2、按空格选中 Babel、Typescript、css预处理器、Linter/Formatter，然后按回车下一步

3、选中 vue 的版本为3

4、是否使用 class 风格的组件语法，我们选择 N
5、是否使用 Babel 和 TypeScript（现代模式、自动检测多边形填充、trans所需（JSX） 输入Y回车
6、是否使用 history 路由模式，选中 Y
7、选择 CSS 预处理器，选中第一个即可（Sass/SCSS）
8、选择语法检测规范，选中第一个即可（Basic）
9、选择保存时检查 / 提交时检查， 一般开发时选择第一个保存时检查（Lint on save）
10、选择配置信息存放位置，单独存放或者并入package.json，我们选择 （package.json）
11、是否保存为预设，这样下次创建项目就不用重新选择，我们选择 N

完整截图如下：

等待项目创建完成，执行以下代码来运行项目

cd vue3_ts_demo
npm run serve