[React] 从零开始使用 Vite 创建 React 项目

📚 一、安装 Node.js

Node.js 是一个运行 JavaScript 代码的 JavaScript 运行时,它允许我们在服务器端运行 JavaScript 代码。以下是安装 Node.js 的步骤:

  1. 🌐 访问 Node.js 国内网站:https://nodejs.cn/
    请添加图片描述

  2. 📦 选择 LTS(长期支持版)或 Current(最新特性版)。对于大多数用户,LTS 版本是更稳定的选择。

  3. 💾 下载适合你操作系统的安装程序,并按照安装向导的提示进行安装。在大多数情况下,你可以接受默认设置。

  4. 🔧 安装完成后,打开一个新的命令行窗口(终端),输入以下命令来验证安装:

node --version
npm --version

📁 二、创建一个新的项目目录

创建一个新的目录来存放我们的 Vite 项目:

  1. 📂 打开终端,导航到你想创建项目的位置。
    请添加图片描述
  2. 🏗️ 创建一个新目录并进入:
mkdir my-react-project
cd my-react-project

请添加图片描述

🛠️ 三、初始化 Vite 项目

使用 Vite 创建一个新项目

  1. 🚀 在终端中运行以下命令:
npm create vite@latest
  1. 📝 输入项目名称,选择 React 作为框架,并选择 JavaScript 或 TypeScript 作为语言变体

请添加图片描述

请添加图片描述

请添加图片描述

🔗 四、安装项目依赖

  1. 📍 进入项目目录:
cd your-project-name

请添加图片描述

  1. 📚 安装项目依赖:
npm install

请添加图片描述

🚀 五、启动开发服务器

  1. 💡 运行以下命令启动 Vite 开发服务器:
npm run dev

请添加图片描述

  1. 🌐 访问 http://localhost:5173 在你的浏览器中查看项目。
    请添加图片描述

参与点评
读者朋友们,如果您在阅读过程中,对文章的质量、易理解性有任何建议,欢迎在评论区指出,我会认真改进。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

AmHardy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值