(一)Vue 3 项目搭建
确保已安装 16.0 或更高版本的 Node.js,然后在命令行中运行以下命令:
npm init vue@latest
这一指令将会安装并执行 create-vue,它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示:
✔ Project name: … <your-project-name>
✔ Add TypeScript? … No / Yes // 使用ts新语法
✔ 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 Cypress for both Unit and End-to-End testing? … No / Yes // 单元测试
✔ Add ESLint for code quality? … No / Yes // es语法检测
✔ Add Prettier for code formatting? … No / Yes // 语法样式
然后执行cd vue-project
安装依赖npm install
启动项目npm run dev