搭建React开发环境

  • Z时代
  • 2024-01-10
  • 分类：综合

react

搭建React开发环境

1.搭建React开发环境之前的准备工作

1、必须安装nodejs      注意：安装nodejs稳定版本
2、安装cnpm用cnpm替代npm
	地址：http://npm.taobao.org/
	安装cnpm:
		npm install -g cnpm --registry=https://registry.npm.taobao.org
3、用yarn替代npm
	yarn的安装：
		第一种方法：参考官方文档https://yarn.bootcss.com/
		第二种方法：cnpm install -g yarn  或者 npm install -g yarn

2.搭建React开发环境的第一种方法（老-现在推荐）：

https://reactjs.org/docs/create-a-new-react-app.html
1、必须要安装nodejs     注意：安装nodejs稳定版本      
2.安装脚手架工具   （单文件组件项目生成工具）   只需要安装一次
	npm install -g create-react-app   /  cnpm install -g create-react-app
3.创建项目   （可能创建多次）
	找到项目要创建的目录：
	create-react-app reactdemo01
4.cd  到项目里面	
	cd  reactdemo01
	npm start             yarn start运行项目
	npm run build         yarn build 生成项目

搭建React的开发环境的第二种方法（新-未来推荐）：

https://reactjs.org/docs/create-a-new-react-app.html
1、必须要安装nodejs     注意：安装nodejs稳定版本      
2.安装脚手架工具并创建项目
	找到项目要创建的目录执行：
	npx create-react-app reactdemo01
4.cd  到项目里面	
	cd  reactdemo01
	npm start  运行项目（调试）
	npm run build 生成项目（发布）


以上是 搭建React开发环境 的全部内容， 来源链接： utcz.com/z/383510.html

回到顶部