-
React开发环境包括VisualCode和NodeJs
资源介绍
安装说明:
1、安装VisualCode软件:VSCodeUserSetup-x64-1.29.1.exe
2、安装Nodejs:node-v10.14.1-x64.msi;(注意:安装nodejs稳定版本)
3、安装cnpm用cnpm替代npm
打开cmd.exe 输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
然后回车,等待安装按成即可。完成后可输入cnpm -v验证
4、安装yarn替代npm
打开cmd.exe 输入命令:cnpm install -g yarn
然后回车,等待安装按成即可。完成后可输入yarn -v验证
5、安装脚手架工具
打开cmd.exe 输入命令:cnpm install -g create-react-app
然后回车,等待安装按成即可。
6、创建项目
(1)在处搭建react项目的区盘上搭建项目文件夹,文件夹须放在区盘顶层或者路径文件夹不能有大写字母或中文,文件夹名要求英文小写;
(2)打开cmd.exe,用命令进入文件夹,
①输入区盘回车,如D盘,输入:d:
②输入文件夹路径回车,如:命令:cd D:\webprograms
(3)输入创建项目命令后回车,命令:create-react-app +项目环境文件夹名
7、在VSCode中打开项目文件夹
8、项目调试
npm start yarn start运行项目
npm run build yarn build 生成项目
安装cnpm 不安装npm的原因:
国内使用 npm 速度很慢,建议使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm: