〇、前言
2020.12.18,鉴于对offer的选择困难症,一怒之下放弃选择,开始正式学习react。
一、react开发环境构建
1. 方法一:cdn引入(很麻烦,一般不推荐)
简单讲是从cdn引入两个库,一个react库和一个react-dom库,且顺序要一致
注意:在导入链接时,链接会有umd和cjs的版本,umd是同一模块定义,兼容各种模块规范(浏览器、node.js等),而cjs是common js,是node.js支持的模块规范,故优先使用umd
2. 方法二: 使用create-react-app命令(简化配置webpack,强力推荐)
- 安装
npm install -g create-react-app
或者
yarn global add create-react-app (电脑用yarn一直有问题)
- 创建react开发环境
// create-react-app (名字)如:
create-react-app myReactDemo
细节:
create-react-app --use-npm myReactDemo //使用npm创建开发环境
直接进入创建的文件夹,再npm start即可。
然后直接 start . (mac: open .) 打开当前文件夹,拖进入vscode。
三、生成文件
可以看到,最主要的页面index.js, 首部也是先引入react和reactDOM