MacOS 使用 vite 构建vue 项目

在前端开发中，选择合适的构建工具至关重要。Vite 是由 Vue.js 作者尤雨溪开发的新型前端构建工具，它相较于传统工具（如 Webpack）具有启动速度快、即时热更新（HMR）高效、构建速度更快、支持现代 ES 模块等诸多优势。特别是在构建 Vue 3 项目时，Vite 提供了极简的配置和优秀的开发体验，使开发过程更加顺畅和高效。因此，在 MacOS 上使用 Vite 构建 Vue 3 项目，不仅能大幅提升开发效率，还能充分利用现代化的前端开发技术。

全程在 Mac 的终端操作

1. 全局安装 Vite：

npm install -g create-vite

2. 创建项目：

create-vite mysecondvue --template vue

3. 进入项目目录并安装依赖：

cd mysecondvue
npm install

4. 启动开发服务器：

npm run dev

5. 浏览器访问http://localhost:5173：

成功访问，可以先 control+C 关闭服务。

6. 在 vscode 打开：

7. 授权后即可查看项目源代码：

项目目录：

8. 编辑项目文件

现在你可以开始编辑项目文件。