React环境搭建、React引入文件的方式、React官方脚手架(模块化)、React第三方脚手架

1、引入文件的方式

1、React.js：

React的核心库，解析组件,识别jsx

https://cdn.staticfile.org/react/16.4.0/umd/react.development.js

2、reactDom.js：

处理有dom相关的操作

https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js

3、Babel.js

Babel 可以将 ES6 代码转为 ES5 代码，这样我们就能在目前不支持 ES6 浏览器上执行 React 代码。Babel 内嵌了对 JSX 的支持。通过将 Babel 和 babel-sublime 包（package）一同使用可以让源码的语法渲染上升到一个全新的水平

https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js

2、官方脚手架(模块化)

安装 create-react-app

yarn global add create-react-app | npm install create-react-app  -g

创建 react项目

create-react-app 目录 | npx create-react-app 目录 | npm init react-app 目录
yarn eject   解构出所有的配置文件 可选
yarn start |  npm start             开发
yarn build |  npm run build  打包//调试 需要安装给chrome浏览器一个插件 react-dev-tools

环境解析

react: 核心包，解析组件,识别jsx
react-dom: 编译 -> 浏览器
react-scrpts: react的项目环境配置
manifest.json 生成一个网页的桌面快捷方式时，会以这个文件中的内容作为图标和文字的显示内容
registerServiceWorker.js支持离线访问，所以用起来和原生app的体验很接近,只有打包生成线上版本的react项目时，registerServiceWorker.js才会有效。服务器必须采用https协议
对Internet Explorer 9,10和11的支持需要polyfill。

第三方脚手架

yeomen/dva/umi

React环境搭建、React引入文件的方式、React官方脚手架(模块化)、React第三方脚手架相关推荐

七十五、React环境搭建，目录文件分析和JSX
2020/11/18. 周三.今天又是奋斗的一天. @Author:Runsen React React是Facebook 2013年推出的函数式编程开源前端框架,和Vue就是两个巨头.我得赶紧搞定R ...
webstorm 创建react组件_webstorm的下载以及React环境搭建
前言:本文我们将讨论ubuntu中webstorm的安装以及基本React环境搭建一.安装JDK 下载webstorm之前我们要确定已经下载了jdk,这是必须的否则会在之后的操作提示你无法打开wen ...
js进阶ajax函数封装（匿名函数作为参数传递）（封装函数引入文件的方式非常好用）...
js进阶ajax函数封装(匿名函数作为参数传递)(封装函数引入文件的方式非常好用) 一.总结 2.匿名函数作为参数传递二.js进阶ajax函数封装 ajax1.js 1 function ajax( ...
从零开始React：一档 React环境搭建，语法规则，基础使用
手挽手带你学React入门第一期,带你熟悉React的语法规则,消除对JSX的恐惧感,由于现在开发中都是使用ES6语法开发React,所以这次也使用ES6的模式进行教学,如果大家对ES6不熟悉的话,先 ...
React 环境搭建以及创建项目工程（一）
下载软件需要用到三个软件 node.js https://nodejs.org/zh-cn/ vs code. https://code.visualstudio.com/ google 浏览器 h ...
React 环境搭建以及创建项目工程（二）
创建工程首先创建一个工程 npx create-react-app weibo cd移动到当前创建的文件下 cd weibo 安装 React 路由 npm install react-router ...
《模拟飞行入坑（二）P3D SDK环境搭建及CHM文件转化为html》
SDK包下载官网下载地址及文档:https://www.prepar3d.com/support/sdk/ 因为游戏使用的是P3DV4.2的版本,所以SDK优先选择 Prepar3D_v4_SDK_ ...
optee3.14 qemu_v8的环境搭建篇(ubuntu20.04)--镜像方式-直接使用
快速链接: .
Jenkins【环境搭建 01】两种方式+两种环境部署最新版本 Jenkins v2.303.2 WAR包（直接使用 java -jar+使用Tomcat的Web端部署）
Jenkins的中文用户手册内容还是比较详细的,有入门+教程+使用手册,就是官网的速度感人

React环境搭建、React引入文件的方式、React官方脚手架(模块化)、React第三方脚手架

1、引入文件的方式

2、官方脚手架(模块化)

第三方脚手架

React环境搭建、React引入文件的方式、React官方脚手架(模块化)、React第三方脚手架相关推荐

最新文章

热门文章