1. 项目准备
确保你已经安装了 Node.js 和 npm。在终端中运行以下命令，检查它们是否安装：
node -v
npm -v
如果没有安装，可以去 Node.js 官网 下载并安装。
2. 创建 Vue 项目
如果你还没有创建 Vue 项目，可以使用 Vite 或 Vue CLI 创建一个新项目。
使用 Vite 创建 Vue 项目
打开终端，运行以下命令：
npm create vite@latest my-vue3-vite-project --template vue
这个命令会创建一个名为 my-vue3-vite-project 的新项目，并使用 Vue 3 模板。创建完成后，进入项目目录：
cd my-vue3-vite-project
使用 Vue CLI 创建 Vue 项目
如果你想使用 Vue CLI，可以先安装 Vue CLI，然后创建项目：
npm install -g @vue/cli
vue create my-vue3-project
然后进入项目目录：
cd my-vue3-project
3. 安装依赖
无论是 Vite 还是 Vue CLI 创建的项目，首先需要安装项目依赖。在项目目录中运行：
npm install
这将根据 package.json 文件安装所有必要的依赖。
4. 启动开发服务器
一旦依赖安装完成，你可以使用以下命令启动开发服务器：
npm run dev
运行机制
-
npm run dev这个命令会调用package.json文件中定义的dev脚本。 -
对于 Vite 项目，通常会在
package.json中看到类似这样的配置："scripts": { "dev": "vite", "build": "vite build", "serve": "vite preview" } -
对于 Vue CLI 项目，通常会是：
"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build" }
5. 查看运行结果
当你运行 npm run dev 后，终端会显示类似以下的信息：
VITE v2.0.0 ready in 123 ms
➜ Local: http://localhost:3000/
➜ Network: use --host to expose
这表示你的开发服务器已启动，可以在浏览器中访问 http://localhost:3000（或相应的端口）来查看你的 Vue 应用。
6. 调试与开发
- 开发服务器支持热重载，意味着你对代码的更改会自动反映在浏览器中，而无需手动刷新。
- 如果遇到错误，终端会提供详细的错误信息，帮助你进行调试。
总结
使用 npm run dev 启动 Vue 项目非常简单，可以快速进入开发状态并查看你的应用效果。如果你有其他问题或需要进一步的帮助，请随时告诉我！
