React初体验

173 阅读1分钟

〇、前言

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,强力推荐)

  1. 安装
npm install -g create-react-app
或者 
yarn global add create-react-app (电脑用yarn一直有问题)
  1. 创建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