vue3-practical-combat

vue3-admin项目

项目准备

创建项目

npm create vue@latest

1. 输入项目名称：vue3-admin;
2. 是否添加TypeScript ：是。选择 yes;
3. 是否添加JSX：否。选择no;
4. 是否添加Vue Router 用于单页应用程序开发：否，选择no;
5. 是否添加Pina ，Pina我们后面手动添加所以这里不用添加；否，选择no;
6. 是否添加Vitest单元测试：否，选择no；
7. 是否添加End-to-End格式：否，选择no；
8. 是否添加ESLint ：是，选择yes；
9. 是否添加Prettier：是，选择yes；

✔ Project name: … <your-project-name>
✔ Add TypeScript? … No / Yes
✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Vitest for Unit testing? … No / Yes
✔ Add an End-to-End Testing Solution? … No / Cypress / Playwright
✔ Add ESLint for code quality? … No / Yes
✔ Add Prettier for code formatting? … No / Yes

Scaffolding project in ./<your-project-name>...
Done.

初始化项目

npm install

转换本地git仓库

git init

添加本地git仓库

git add .

标注添加的内容

git commit -m "初始化项目"

添加远程苍龙

git remote add origin 远程仓库地址

把代码传送远程仓库

创建分支并切换分支

git checkout -b 分支名称

推送远程仓库

git push origin 分支名称

运行项目

npm run dev

debug 运行项目

npm run build

项目开始

清理不用的文件

可以清理的文件名称：components文件夹删除 ，并 assets文件夹里面文件删除。，并main.js 里面的 css 引入方法清除就要可以啦。