001.创建vue3应用

1. npm, yarn, pnpm 包管理器的抉择

关于现代包管理器的深度思考——为什么现在我更推荐 pnpm 而不是 npm/yarn?

2.初始化vue3项目

# 创建vue项目  . 表示在当前文件夹下直接创建项目，不会另外生成项目名称目录
pnpm create vue@latest .
# 当前文件夹非空，移除多余的文件并且继续创建项目吗？ y 
✔ Current directory is not empty. Remove existing files and continue? 
# 项目名称
✔ Project name: vue3-admin
# 是否添加 typescript 支持？no
✔ Add TypeScript?  no
# 是否添加 JSX 支持？yes
✔ Add JSX Support? yes
# 是否添加 vue router？yes
✔ Add Vue Router for Single Page Application development? yes
# 是否添加 pinia 状态管理？ yes
✔ Add Pinia for state management? … No / Yes
# 是否添加Vitest来进行单元测试？ no
✔ Add Vitest for Unit testing? … No / Yes
# 是否添加端对端测试解决方案？no
✔ Add an End-to-End Testing Solution? … No / Cypress / Playwright
# 是否添加 eslint？ yes
✔ Add ESLint for code quality? … No / Yes
# 是否添加 prettier？ yes
✔ Add Prettier for code formatting? … No / Yes

3. 运行项目

# 安装依赖
pnpm install
# 运行项目
pnpm dev