Entra21 前端开发环境搭建指南

本指南将引导您完成 Entra21 前端项目的开发环境搭建。

Windows 系统

步骤 1:安装 Node.js

请访问 Node.js 官方网站,下载并安装 Windows 版本的 Node.js。

步骤 2:安装 Visual Studio Code 扩展

打开 Visual Studio Code,搜索并安装 “Auto Rename Tag” 扩展,该扩展可以自动重命名配对的 HTML 标签。

Linux 系统

步骤 1:安装 Node.js

请使用您的 Linux 发行版提供的包管理器安装 Node.js。例如,在 Ubuntu 系统上,您可以使用以下命令:

sudo apt update
sudo apt install nodejs

步骤 2:安装 Visual Studio Code 扩展

打开 Visual Studio Code,搜索并安装 “Auto Rename Tag” 扩展,该扩展可以自动重命名配对的 HTML 标签。

所有系统

步骤 3:初始化项目

打开终端,进入您的项目目录,并执行以下命令初始化项目:

npm init -y

步骤 4:安装依赖

执行以下命令安装项目所需的依赖库:

npm install parcel-bundler typescript @types/react-dom @types/node --save-dev

步骤 5:安装开发服务器

执行以下命令安装开发服务器:

npm i

步骤 6:运行开发服务器

package.json 文件中添加以下脚本:

"scripts": {
  "dev": "parcel src/index.html"
}

然后执行以下命令启动开发服务器:

npm run dev

其他资源

  • useEffectOnce: react-use
zip 文件大小:186.93KB