React开发设置（VisualCode+NodeJs）
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本教程介绍如何使用Visual Studio Code和Node.js搭建React项目的开发环境，并提供基本配置指导。
安装指南：
1. 安装Visual Studio Code：下载VSCodeUserSetup-x64-1.29.1.exe并进行安装。
2. 安装Node.js：使用node-v10.14.1-x64.msi文件，确保选择稳定版本。
3. 使用cnpm替代npm。在命令提示符(cmd)中输入以下命令：
```
npm install -g cnpm --registry=https://registry.npm.taobao.org
```
安装完成后通过输入`cnpm -v`验证安装成功。
4. 用yarn替换npm：打开cmd，执行如下指令并等待其完成安装：
```
cnpm install -g yarn
```
验证是否正确安装，可以通过命令行输入 `yarn -v`。
5. 安装脚手架工具create-react-app。在CMD中运行以下命令进行全局安装:
```
cnpm install -g create-react-app
```
6. 创建项目：
(1) 在硬盘上创建一个英文小写字母命名的文件夹，避免使用大写或中文字符。
(2) 打开cmd.exe并进入该目录。例如：输入`d:`切换到D盘，然后通过命令 `cd D:\webprograms` 进入相应的项目文件夹。
(3) 在CMD中执行以下指令来创建React应用：
```
create-react-app 项目名称
```
7. 使用Visual Studio Code打开新生成的项目文件夹。
8. 调试与构建：
- 开发过程中，可以通过`npm start`或`yarn start`命令启动开发服务器；
- 构建生产环境版本时，请使用 `npm run build` 或者 `yarn build`.
注意：由于国内网络环境下 npm 的速度较慢，建议采用淘宝定制的 cnpm 作为 npm 的替代品。
全部评论 (0)
