一:确保你安装了最新版本的 Node.js,然后在命令行中运行以下命令 (不要带上 > 符号):
npm init vue@latest
这一指令将会安装并执行 create-vue,它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示:
✔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 Cypress for both Unit and End-to-End testing?…No/ Yes
✔Add ESLint for code quality?…No/ Yes
✔Add Prettier for code formatting?…No/ Yes
Scaffolding project in ./<your-project-name>...
Done.
如果不确定是否要开启某个功能,你可以直接按下回车键选择 No。在项目被创建后,通过以下步骤安装依赖并启动开发服务器:
二:切换到新建的项目文件夹
cd <your-project-name>
三:安装依赖
npm install
四:运行项目
npm run dev
五:当你准备将应用发布到生产环境时,请运行:
npm run build
此命令会在 ./dist 文件夹中为你的应用创建一个生产环境的构建版本。