react环境的搭建

最新推荐文章于 2024-05-25 06:00:00 发布

乒乒乓乒乓

最新推荐文章于 2024-05-25 06:00:00 发布

阅读量230

点赞数

分类专栏： web学习文章标签： react javascript

本文链接：https://blog.csdn.net/qq_44017357/article/details/114794561

版权

web学习专栏收录该内容

31 篇文章 0 订阅

订阅专栏

1、以直接使用 Staticfile CDN 的 React CDN 库

<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> 
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script> 
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script> <body> 
    <div id="example"></div> 
    <script type="text/babel"> 
        ReactDOM.render( 
            <h1>Hello, world!</h1>, 
            document.getElementById('example') 
        ); 
    </script> 
</body>

react.min.js - React 的核心库

react-dom.min.js - 提供与 DOM 相关的功能

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

2、使用 create-react-app 快速构建 React 开发环境

create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。

create-react-app 自动创建的项目是基于 Webpack + ES6 。

cnpm install -g create-react-app

create-react-app my-app

进入新创建的项目

cd my-app/

启动项目

npm start

乒乒乓乒乓

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
react环境的搭建

1、以直接使用 Staticfile CDN 的 React CDN 库<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script> <sc
复制链接

扫一扫