vue3+ts创建项目

1. 创建项目

1. 初始化项目 —— npm init vue
2. 是否创建vue项目 —— y
3. 输入项目名称 —— vue3-project
4. 使用ts吗 —— yes
5. 使用jsx的语法吗 —— yes
6. 使用路由吗 —— yes
7. 使用Pinia管理吗 —— yes
8. 使用单元测试吗 —— no
9. 使用 End-to-End —— no
10. 使用eslint检测吗 —— yes
11. 使用Prettier检测吗 —— yes

2.安装好的目录

3. 安装依赖

1. 进入创建好的文件夹

cd vue3-project

2. 安装依赖

npm install

安装好后会出现node_modules文件夹

4. 启动项目

npm run dev

当访问http://localhost:5173/ 或者 http://127.0.0.1:5173/ 地址出现下图，项目就安装好了

5.注意

eslint 偏向把控项目代码质量

prettier 偏向于统一项目的编码风格

在eslintrc.cjs中修改代码如下图