夜光带你走进React.js（一）擅长的领域

本文链接：https://blog.csdn.net/weixin_41987706/article/details/102506974

夜光序言：

人间的事往往如此，当时提起痛不欲生，几年之后，也不过是一场回忆而已。

正文：嗯唔

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

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

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

执行以下命令创建项目：

打开cmd（管理员权限），进入文件夹，输入指令

cnpm install -g create-react-app

create-react-app my-app

manifest.json 指定了开始页面 index.html，一切的开始都从这里开始，所以这个是代码执行的源头。

嗯唔

尝试修改 src/App.js 文件代码：


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>夜光</title>
    <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>
</head>
<body>

<div id="example"></div>
<script type="text/babel">
    ReactDOM.render(
        <h1>夜光：Reactjs</h1>,
        document.getElementById('example')
    );
</script>

</body>
</html>