vite-vue3 搭建项目 ​

yarn  create vite project --template vue

cd project

yarn 

yarn dev

yarn add element-plus -S

cnpm install -D unplugin-vue-components unplugin-auto-import

yarn  create vite project --template vue

cd project

yarn 

yarn dev

yarn add element-plus -S

cnpm install -D unplugin-vue-components unplugin-auto-import

npm create vue@latest

npm create vue@latest

✔ Project name: … <your-project-name>  //项目名称
✔ Add TypeScript? … (Y/n)   //是否添加TypeScript
✔ Add TypeScript? … No / Yes   //是否添加TypeScript
✔ Add JSX Support? … No / Yes  //是否添加JSX支持
✔ Add Vue Router for Single Page Application development? … No / Yes   //是否添加Vue Router
✔ Add Pinia for state management? … No / Yes   //是否添加Pinia
✔ Add Vitest for Unit testing? … No / Yes  //是否添加Vitest测试
✔ Add an End-to-End Testing Solution? … No / Cypress / Playwright  //是否添加E2E测试框架
✔ Add ESLint for code quality? … No / Yes  //是否添加ESLint
✔ Add Prettier for code formatting? … No / Yes //是否添加Prettier

✔ Project name: … <your-project-name>  //项目名称
✔ Add TypeScript? … (Y/n)   //是否添加TypeScript
✔ Add TypeScript? … No / Yes   //是否添加TypeScript
✔ Add JSX Support? … No / Yes  //是否添加JSX支持
✔ Add Vue Router for Single Page Application development? … No / Yes   //是否添加Vue Router
✔ Add Pinia for state management? … No / Yes   //是否添加Pinia
✔ Add Vitest for Unit testing? … No / Yes  //是否添加Vitest测试
✔ Add an End-to-End Testing Solution? … No / Cypress / Playwright  //是否添加E2E测试框架
✔ Add ESLint for code quality? … No / Yes  //是否添加ESLint
✔ Add Prettier for code formatting? … No / Yes //是否添加Prettier