📚 一、安装 Node.js
Node.js 是一个运行 JavaScript 代码的 JavaScript 运行时,它允许我们在服务器端运行 JavaScript 代码。以下是安装 Node.js 的步骤:
-
🌐 访问 Node.js 国内网站:https://nodejs.cn/
-
📦 选择 LTS(长期支持版)或 Current(最新特性版)。对于大多数用户,LTS 版本是更稳定的选择。
-
💾 下载适合你操作系统的安装程序,并按照安装向导的提示进行安装。在大多数情况下,你可以接受默认设置。
-
🔧 安装完成后,打开一个新的命令行窗口(终端),输入以下命令来验证安装:
node --version
npm --version
📁 二、创建一个新的项目目录
创建一个新的目录来存放我们的 Vite 项目:
- 📂 打开终端,导航到你想创建项目的位置。
- 🏗️ 创建一个新目录并进入:
mkdir my-vite-project
cd my-vite-project
🛠️ 三、初始化 Vite 项目
使用 Vite 创建一个新项目:
- 🚀 在终端中运行以下命令:
npm create vite@latest
- 📝 输入项目名称,选择 Vue 作为框架,并选择 JavaScript 或 TypeScript 作为语言变体。
🔗 四、安装项目依赖
- 📍 进入项目目录:
cd your-project-name
- 📚 安装项目依赖:
npm install
🚀 五、启动开发服务器
- 💡 运行以下命令启动 Vite 开发服务器:
npm run dev
- 🌐 访问 http://localhost:5173 在你的浏览器中查看项目。