ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

首页/资讯中心/资讯详情

React开发环境搭建指南：Node.js安装、VSCode配置与项目初始化

发布时间：2026/8/12 11:09:50 拓冰企业网站定制
React开发环境搭建指南：Node.js安装、VSCode配置与项目初始化

1. 从零开始：为什么React开发离不开Node.js与VSCode

如果你刚接触前端开发，看到“React”这个词，可能会觉得它只是一个用来构建用户界面的JavaScript库。没错，React的核心确实如此，但当你真正要开始一个React项目时，你会发现它背后有一整套现代化的开发工具链。这套工具链的起点，就是Node.js和代码编辑器。今天，我们不谈空泛的概念，直接上手，带你从零开始，把React的开发环境搭建起来，并配置好一个高效顺手的VSCode编辑器。这不仅仅是安装几个软件，更是理解现代前端工程化开发的第一步。

为什么是Node.js？因为React项目依赖的包管理工具npm（或yarn、pnpm）是Node.js自带的。我们通过npm来安装React库本身、构建工具（如Vite或Create React App）、以及成千上万的第三方库。没有Node.js，你就无法初始化和管理一个标准的React项目。而VSCode，作为目前最流行的前端开发编辑器，其强大的插件生态能极大提升React开发的效率和体验，比如智能提示、代码格式化、实时错误检查等。所以，搭建环境，就是从安装Node.js和配置VSCode开始的。

2. 基石搭建：Node.js的安装、版本管理与避坑指南

安装Node.js听起来简单，但这里有几个关键点直接决定了你后续开发的顺畅程度，比如版本选择、环境变量配置以及国内网络环境下的加速。

2.1 选择合适的Node.js版本与安装方式

首先，访问Node.js官网。你会看到两个主要版本：LTS（长期支持版）和Current（最新特性版）。对于学习和生产环境，强烈建议选择LTS版本。它更稳定，拥有长期的安全和维护更新，能避免因版本过新导致的兼容性问题。

安装过程本身是图形化的向导，一路“Next”即可。但有两个地方需要留意：

  1. 安装路径：尽量不要安装在有中文或空格的路径下，比如默认的C:\Program Files\nodejs\就很好。这可以避免一些潜在的、由路径解析引起的诡异问题。
  2. 安装选项：在Windows安装向导中，通常会有一个选项是“Automatically install the necessary tools...”，这个不要勾选。我们只需要Node.js和npm。此外，确保“Add to PATH”这个选项是被勾选的，这样你才能在命令行任意位置使用node和npm命令。

对于macOS用户，除了官网下载pkg安装包，更推荐使用Homebrew这个包管理器来安装：打开终端，输入brew install node即可。Linux用户通常也可以通过各自的包管理器（如apt,yum）安装。

安装完成后，验证是否成功。打开你的终端（Windows上是CMD或PowerShell，macOS/Linux是Terminal），分别输入以下两个命令：

node -v npm -v

如果正确显示了版本号（例如v20.11.0和10.2.4），恭喜你，第一步成功了。

2.2 配置npm镜像与全局安装位置（关键优化）

安装好Node.js只是第一步，优化配置才能让你后续的包安装体验飞起。默认情况下，npm会从国外的官方仓库下载包，速度慢且不稳定。我们需要将其镜像源切换到国内的淘宝镜像。

在终端中执行以下命令：

npm config set registry https://registry.npmmirror.com/

这条命令将npm的下载源永久地指向了淘宝镜像。之后，你可以通过npm config get registry来确认是否切换成功。

另一个优化点是全局包的安装位置。默认情况下，全局安装的包（比如一些脚手架工具）会放在系统目录，有时需要管理员权限。我们可以将其配置到用户目录下，避免权限问题。 在终端依次执行（Windows示例）：

npm config set prefix "C:\Users\你的用户名\AppData\Roaming\npm" npm config set cache "C:\Users\你的用户名\AppData\Roaming\npm-cache"

对于macOS/Linux，可以设置为~/.npm-global。设置完成后，别忘了将这个路径（例如C:\Users\你的用户名\AppData\Roaming\npm）添加到系统的环境变量PATH中，这样你才能在任何地方运行全局安装的命令。

2.3 使用nvm进行Node.js版本管理

随着项目增多，你可能会遇到不同项目需要不同Node.js版本的情况。手动安装卸载非常麻烦。这时就需要nvm（Node Version Manager）。它允许你在同一台机器上安装和切换多个Node.js版本。

Windows用户需要安装nvm-windows。去GitHub发布页下载最新的安装程序。安装时，注意选择nvm和Node.js的安装路径，同样要避开中文和空格。安装完成后，以管理员身份打开一个新的PowerShell或CMD，就可以使用nvm命令了。

常用命令如下：

nvm list available # 查看所有可安装的远程版本 nvm install 18.19.0 # 安装指定版本的Node.js nvm install lts # 安装最新的LTS版本 nvm use 18.19.0 # 切换到指定版本 nvm list # 查看本地已安装的所有版本

macOS/Linux用户可以通过脚本或Homebrew安装nvm。安装后，可能需要将初始化脚本添加到shell配置文件（如.bashrc或.zshrc）中。

使用nvm后，你可以为A项目使用Node.js 16，为B项目使用Node.js 20，互不干扰，这是专业开发的标配。

注意：一个常见的坑是，安装nvm-windows后，原来系统安装的Node.js可能无法被nvm管理。建议先卸载系统级的Node.js，再用nvm重新安装。另外，切换版本后，原来版本下全局安装的包在新版本下不可用，需要在新版本下重新安装。

3. 编辑器武装：VSCode的安装与核心插件配置

有了Node.js，我们还需要一把趁手的“剑”——代码编辑器。VSCode以其轻量、免费和强大的插件系统，成为了前端开发的事实标准。

3.1 VSCode安装与基础设置

从VSCode官网下载安装包，安装过程同样简单。安装完成后，我建议你先进行几项基础设置，让编辑器更贴合开发习惯。

打开VSCode，使用快捷键Ctrl + ,（Windows/Linux）或Cmd + ,（macOS）打开设置。点击右上角的“打开设置(json)”图标，这会直接打开settings.json文件，允许你进行更精细的配置。

这里分享几个我必改的设置：

{ // 控制字体族和大小 "editor.fontFamily": "'Cascadia Code', 'JetBrains Mono', Consolas, 'Courier New', monospace", "editor.fontSize": 14, // 一个制表符等于2个空格，现代前端项目的共识 "editor.tabSize": 2, // 保存时自动格式化代码 "editor.formatOnSave": true, // 保存时自动修复可修复的ESLint问题 "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" }, // 显示行尾字符（有助于发现CRLF/LF问题） "editor.renderLineHighlight": "gutter", // 自动检测文件编码和换行符，避免团队协作中的乱码问题 "files.autoGuessEncoding": true, "files.eol": "\n", // 排除不需要在文件列表中显示和搜索的文件夹，提升性能 "files.exclude": { "**/.git": true, "**/.DS_Store": true, "**/node_modules": true }, // 终端配置，使用系统默认的Shell（如PowerShell、zsh） "terminal.integrated.defaultProfile.windows": "PowerShell", "terminal.integrated.fontSize": 13 }

这些设置涵盖了代码外观、保存时的自动化处理以及文件管理，能立刻提升你的编码体验。

3.2 React开发必备插件清单

VSCode的强大，一半在于其插件市场。对于React开发，以下插件是我认为的“基石”，每一个都能解决实际开发中的痛点。

  1. ES7+ React/Redux/React-Native snippets这是React开发的“快捷键”插件。它提供了大量的代码片段。例如，在组件文件中输入rfc然后按Tab，它会自动生成一个函数式组件的基本骨架；输入rafc可以生成带箭头函数的组件。这能节省大量重复敲击样板代码的时间。

  2. ESLintJavaScript/TypeScript的代码检查工具。它不仅能帮你发现代码中的潜在错误（如未使用的变量），还能强制团队遵循统一的代码风格规范（如缩进、引号）。安装后，它会在你编码时实时标出问题，结合上面设置的editor.codeActionsOnSave，保存时即可自动修复大部分格式问题。

  3. Prettier - Code formatter代码格式化工具。虽然ESLint也能做部分格式化，但Prettier更专注、更强势。它接管代码格式，让你无需再为缩进、分号、换行等风格问题争论。通常与ESLint配合使用，通过配置文件解决规则冲突。

  4. Auto Rename Tag自动重命名配对的HTML/XML标签。在React的JSX中修改一个标签名，配对的闭合标签会自动同步修改，非常方便。

  5. GitLens超级强大的Git增强工具。它直接将代码的作者、最近的提交信息、历史记录等信息嵌入到代码行中。你可以轻松查看某行代码是谁、在什么时候、为什么修改的，对于团队协作和代码考古至关重要。

  6. Path Intellisense文件路径自动补全。在import模块或引用图片等资源时，输入./它就会提示当前目录下的文件和文件夹，避免手动输入路径导致的错误。

  7. Bracket Pair Colorizer 2 或内置功能给匹配的括号对加上不同的颜色，在复杂的嵌套逻辑（如JSX、回调函数）中，能让你一眼看清代码块的范围。新版的VSCode已内置类似功能，可在设置中搜索“Bracket Pair Colorization”启用。

  8. Thunder Client 或 REST Client用于在VSCode内直接测试API接口。开发前端时，经常需要和后端API联调，有一个内置的HTTP客户端比切换浏览器或Postman要方便得多。

安装插件非常简单，点击左侧活动栏的扩展图标（四个方块），搜索插件名，点击安装即可。安装后，有些插件可能需要根据项目进行额外配置，比如ESLint和Prettier，我们会在项目初始化部分详细说明。

3.3 高效使用VSCode的终端与快捷键

VSCode集成了终端，你无需离开编辑器就能运行命令。快捷键Ctrl + `（反引号键）可以快速打开或关闭集成终端。你可以在这里运行npm start、npm run build等所有项目命令。

掌握一些核心快捷键能极大提升效率：

  • Ctrl + P：快速打开文件。
  • Ctrl + Shift + P：打开命令面板，可以执行所有VSCode命令。
  • Ctrl + Shift + F：全局搜索。
  • F12/Ctrl + 单击：跳转到定义。
  • Alt + ←/Alt + →：在浏览历史中前进后退。
  • Shift + Alt + F：格式化文档（如果配置了Prettier，会调用Prettier格式化）。
  • Ctrl + /：行注释/取消注释。
  • Shift + Alt + ↓/↑：向上/向下复制当前行。

将这些快捷键融入肌肉记忆，你的编码流畅度会提升一个档次。

4. 创建第一个React项目：脚手架选择与初始化详解

环境准备好了，现在让我们创建第一个React项目。这里有几个主流的脚手架工具，它们帮你处理了Webpack、Babel等复杂的构建配置，让你能专注于写代码。

4.1 Create React App (CRA) vs Vite：如何选择？

Create React App (CRA)是React团队官方维护的脚手架，历史悠久，生态完善，配置被隐藏（“黑盒”），适合初学者快速上手，无需关心底层构建。

Vite是新一代的前端构建工具，由Vue作者开发，但对React支持同样完美。它的特点是利用浏览器原生ES模块，实现了极快的冷启动和热更新。配置更透明，也更灵活。

我的选择建议：

  • 如果你是绝对的初学者，想最快速、无痛地体验React，选择CRA。它提供了最稳定、最标准化的React开发环境。
  • 如果你已经有一定经验，追求更快的速度和更现代的体验，或者项目需要更灵活的配置，选择Vite。它代表了未来的趋势。

本文将以Vite为例进行演示，因为它体验更好，且其创建的项目结构清晰，便于理解。CRA的创建过程类似，命令不同而已。

4.2 使用Vite创建并启动React项目

打开VSCode的集成终端（Ctrl + `），确保你的当前目录是你想创建项目的地方（比如D:\Projects）。

执行以下命令：

npm create vite@latest my-react-app -- --template react

让我们拆解这个命令：

  • npm create vite@latest：这是npm 6+版本提供的快捷方式，等同于npx create-vite。它会临时下载并执行create-vite脚手架。
  • my-react-app：这是你的项目文件夹名称，可以按需修改。
  • -- --template react：传递给create-vite的参数，指定使用React模板。--用于分隔npm命令和传递给脚本的参数。

执行后，命令行会提示你选择框架和变种（因为我们已经通过--template指定了React，所以会直接跳过）。接着，它会询问是否使用TypeScript。对于新手，可以先选“JavaScript”以简化学习。但TypeScript能提供更好的类型安全和开发体验，是大型项目的推荐选择，这里我选择“Yes”以创建TypeScript项目。

命令执行完毕后，进入项目目录并安装依赖：

cd my-react-app npm install

npm install会读取package.json文件中的dependencies和devDependencies，下载所有必需的包到node_modules文件夹。由于我们之前配置了淘宝镜像，这个过程应该很快。

依赖安装完成后，运行开发服务器：

npm run dev

Vite会启动开发服务器。通常在终端中，它会输出一个本地地址，如http://localhost:5173。按住Ctrl键并点击这个链接，就会在浏览器中打开你的React应用。你会看到一个包含Vite和React Logo的页面。至此，一个现代化的React项目就成功跑起来了。

4.3 项目结构初探与关键文件说明

用VSCode打开my-react-app文件夹，让我们看看Vite为我们生成了什么：

my-react-app/ ├── node_modules/ # 所有安装的依赖包，不要手动修改，通常被.gitignore忽略 ├── public/ # 静态资源目录，如图标。这里的文件会被直接复制到构建输出目录。 ├── src/ # 源代码目录，我们主要在这里工作 │ ├── assets/ # 项目资源，如图片、样式 │ ├── App.css # 主组件样式 │ ├── App.tsx # 主React组件（TypeScript JSX） │ ├── index.css # 全局样式 │ ├── main.tsx # 应用入口文件，渲染根组件到DOM │ └── vite-env.d.ts # Vite环境类型声明（TypeScript用） ├── .gitignore # 指定哪些文件/文件夹不应被Git版本控制 ├── index.html # 应用的HTML入口模板，Vite会注入打包后的脚本 ├── package.json # 项目配置文件，定义了依赖、脚本、项目信息等 ├── package-lock.json # 锁定依赖版本，确保团队环境一致 ├── README.md # 项目说明文档 ├── tsconfig.json # TypeScript编译配置 └── vite.config.ts # Vite构建工具配置文件
  • package.json：这是项目的“身份证”和“清单”。dependencies里是项目运行必需的库（如react,react-dom），devDependencies里是开发工具（如vite,typescript,eslint）。scripts字段定义了一些快捷命令，如npm run dev实际执行的是vite。
  • vite.config.ts：这是Vite的配置文件。目前可能是空的或只有基本配置。你可以在这里配置代理、别名、插件等高级功能。
  • src/main.tsx：这是应用的JavaScript/TypeScript入口。它使用ReactDOM.createRoot将<App />这个React组件渲染到HTML中id="root"的DOM节点上。
  • src/App.tsx：这是你的根React组件。初学者从这里开始修改，就能看到页面变化。

理解这个结构，你就知道了代码从哪里开始，构建流程如何运作。

5. 项目深度配置：ESLint、Prettier与Git集成实战

一个干净、规范的项目是协作的基础。现在我们来配置代码质量和版本控制工具。

5.1 配置ESLint与Prettier（解决冲突）

我们的Vite项目可能已经预装了ESLint。我们来检查和强化它的配置。在项目根目录，你应该能看到一个.eslintrc.cjs或类似的配置文件。如果没有，可以手动安装和初始化：

npm install eslint --save-dev npx eslint --init

初始化时会有一系列问答，对于React+TypeScript项目，通常选择：

  • 检查语法和发现问题
  • JavaScript模块（import/export）
  • React框架
  • 项目使用TypeScript
  • 运行环境选择浏览器
  • 配置文件格式选择JavaScript
  • 是否立即安装依赖？选择Yes

这会在项目根目录生成一个.eslintrc.js文件。接下来安装Prettier及相关集成插件：

npm install --save-dev prettier eslint-config-prettier eslint-plugin-prettier
  • prettier：代码格式化工具本身。
  • eslint-config-prettier：关闭所有与Prettier冲突的ESLint规则。
  • eslint-plugin-prettier：将Prettier作为ESLint规则来运行。

然后，我们需要更新ESLint配置（.eslintrc.js）来集成Prettier：

module.exports = { env: { browser: true, es2020: true }, extends: [ 'eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended', // 1. 继承prettier的配置，必须放在最后以覆盖其他格式规则 'prettier', ], parser: '@typescript-eslint/parser', plugins: ['react-refresh', '@typescript-eslint'], rules: { 'react-refresh/only-export-components': [ 'warn', { allowConstantExport: true }, ], // 2. 启用plugin:prettier/recommended提供的规则 'prettier/prettier': 'error', }, };

同时，在项目根目录创建一个.prettierrc文件来定义你的代码风格偏好：

{ "semi": true, "trailingComma": "es5", "singleQuote": true, "printWidth": 100, "tabWidth": 2, "endOfLine": "auto" }

最后，确保VSCode的settings.json中已经启用了保存时自动格式化(editor.formatOnSave: true)和自动修复ESLint问题（editor.codeActionsOnSave中包含ESLint）。现在，当你保存文件时，代码会自动按照Prettier的规则格式化，并且ESLint会检查代码质量问题。

5.2 Git版本控制初始化与规范提交

版本控制是开发者的“时光机”和安全网。我们从初始化Git仓库开始。 在项目根目录打开终端，执行：

git init

这会在当前目录创建一个本地Git仓库。然后，将项目文件添加到暂存区并提交：

git add . git commit -m "init: project setup with vite + react + typescript"

这里我使用了“约定式提交”风格的提交信息格式（type: description），init表示初始化，这有助于生成清晰的变更日志。其他常见的type包括feat（新功能）、fix（修复bug）、docs（文档）等。

接下来，我们配置.gitignore文件，确保不将无关文件（如node_modules、构建产物、编辑器配置）提交到仓库。Vite项目通常已经生成了一个不错的.gitignore，你可以根据需要补充，例如：

# 开发环境变量文件 .env.local .env.development.local .env.production.local # 日志文件 npm-debug.log* yarn-debug.log* yarn-error.log* # 编辑器目录 .vscode/ .idea/ *.swp *.swo

为了进一步规范提交，可以安装commitizen和cz-conventional-changelog，通过交互式命令行来生成符合规范的提交信息：

npm install --save-dev commitizen cz-conventional-changelog

然后在package.json中添加配置：

{ "scripts": { "commit": "cz" }, "config": { "commitizen": { "path": "./node_modules/cz-conventional-changelog" } } }

之后，你可以使用npm run commit来代替git commit，它会引导你一步步输入提交信息。

5.3 配置VSCode工作区与调试

为了让整个团队（或你自己在不同机器上）有一致的开发体验，我们可以将VSCode的特定设置保存到项目中。在项目根目录创建.vscode文件夹，并在其中创建settings.json：

{ "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnSave": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" }, "files.autoSave": "onFocusChange", "[typescriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" } }

这样，任何用VSCode打开这个项目的人，都会自动应用这些针对本项目的设置，无需手动配置。

最后，配置调试功能。在.vscode文件夹下创建launch.json：

{ "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome against localhost", "url": "http://localhost:5173", // 确保端口与你的开发服务器一致 "webRoot": "${workspaceFolder}/src" } ] }

现在，你可以按F5启动调试，VSCode会打开一个Chrome实例并附加调试器，你可以在源代码中设置断点，进行单步调试，这对于排查复杂逻辑问题非常有用。

6. 进阶与排错：环境问题、构建优化与日常维护

环境搭建好，项目跑起来，这只是开始。在实际开发中，你会遇到各种环境问题和需要优化的地方。

6.1 常见环境问题与解决方案

问题一：端口被占用运行npm run dev时，可能提示Port 5173 is already in use。Vite会尝试使用下一个端口（5174），但最好主动解决。

  • 解决方案：找到占用端口的进程并关闭它。
    • Windows:netstat -ano | findstr :5173找到PID，然后taskkill /PID <PID> /F。
    • macOS/Linux:lsof -i :5173找到PID，然后kill -9 <PID>。
  • 一劳永逸：在vite.config.ts中指定端口：
    export default defineConfig({ server: { port: 3000, // 指定为你想要的端口 }, });

问题二：依赖安装失败或版本冲突错误信息可能五花八门，如Cannot find module或版本不兼容。

  • 解决方案：
    1. 清除缓存并重装：删除node_modules文件夹和package-lock.json（或yarn.lock），然后运行npm cache clean --force（或yarn cache clean），最后重新npm install。
    2. 检查Node.js版本：使用node -v确认版本是否符合项目要求（有些项目在package.json中通过engines字段指定）。使用nvm切换版本。
    3. 使用npm ci：在持续集成环境或需要严格依赖一致时，使用npm ci代替npm install。它会根据package-lock.json精确安装，速度更快、更严格。

问题三：ESLint/Prettier配置不生效保存时没有自动格式化或依然报格式错误。

  • 解决方案：
    1. 确保VSCode工作区设置（.vscode/settings.json）或用户设置已正确配置formatOnSave和默认格式化工具。
    2. 在项目根目录检查.eslintrc.*和.prettierrc文件是否存在且语法正确。
    3. 在VSCode中，查看右下角的状态栏，确认当前文件的语言模式（如“TypeScript React”）和使用的格式化工具（点击状态栏的“格式化”按钮查看）。
    4. 尝试在命令面板（Ctrl+Shift+P）中运行“ESLint: Restart ESLint Server”和“Developer: Reload Window”来重启相关服务。

6.2 生产构建与性能初步优化

开发完成后，需要将代码构建为生产环境可用的静态文件。运行：

npm run build

Vite会在项目根目录生成一个dist文件夹，里面就是优化、压缩、打包后的文件。你可以将这个文件夹部署到任何静态文件服务器（如Nginx、Vercel、Netlify）上。

为了优化生产构建，你可以在vite.config.ts中进行一些配置：

import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], build: { // 生成独立的CSS文件，有利于缓存 cssCodeSplit: true, // 配置Rollup构建选项 rollupOptions: { output: { // 对代码分割产生的chunk文件进行命名优化 chunkFileNames: 'assets/js/[name]-[hash].js', entryFileNames: 'assets/js/[name]-[hash].js', assetFileNames: 'assets/[ext]/[name]-[hash].[ext]', }, }, // 启用/禁用 gzip 压缩大小报告。设置为 `true` 可能会影响构建性能。 reportCompressedSize: false, }, });

此外，你可以安装rollup-plugin-visualizer来分析构建产物的体积，找出过大的依赖：

npm install --save-dev rollup-plugin-visualizer

然后在vite.config.ts中配置：

import { visualizer } from 'rollup-plugin-visualizer'; export default defineConfig({ plugins: [ react(), visualizer({ open: true, // 构建完成后自动打开报告页面 filename: 'dist/stats.html', // 输出文件名 }), ], });

再次运行npm run build后，会在dist文件夹生成一个stats.html，用浏览器打开可以看到各个模块的体积占比。

6.3 保持环境健康：依赖更新与脚本管理

项目依赖需要定期更新，以获取新特性、性能改进和安全补丁。但直接更新到最新版本（npm update）可能引入不兼容的变更。

  • 安全更新：使用npm audit检查安全漏洞，并根据提示运行npm audit fix尝试自动修复。
  • 谨慎更新：使用npm outdated查看哪些包有更新。然后，可以手动更新单个包，例如npm install package-name@latest。更新后务必充分测试。
  • 使用版本范围：在package.json中，依赖版本前的符号有讲究：
    • ^1.2.3：允许更新到最新的次要版本和补丁版本（即1.x.x），但不更新主版本。这是默认和推荐的方式，平衡了稳定性和更新。
    • ~1.2.3：只允许更新补丁版本（即1.2.x），更保守。
    • 1.2.3：固定版本，完全不更新。

为了方便，可以在package.json的scripts中添加一些实用命令：

{ "scripts": { "dev": "vite", "build": "tsc && vite build", "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0", "preview": "vite preview", "clean:install": "rm -rf node_modules package-lock.json && npm install", "dep:check": "npm outdated", "dep:update": "npm update" } }

这样，你可以通过npm run clean:install来彻底清理并重装依赖，用npm run dep:check来检查更新。

网站建设 企业官网 运营推广
返回列表