搭建react环境 react工程目录分析

首先搭建一个react的环境操作如下

npm install -g create-react-app
create-react-app my-app
cd my-app
npm start

创建一个my-app的react应用

创建以后工程路径如下

我们处理一下,真正需要的就是public里面的index.html。这里放着react需要挂载的根节点
 

  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>

然后就是src中的文件,比如我们写一个demo,里面的文件就放到src文件下

最后挣得目录结构如下,这些都是有用的app挂载到index.js,然后再挂载到root下,APP.js可以当做一个组件使用。这就是最基本的react应用,以后自己写代码 直接替换app.js就可以了,然后替换掉index.js中的<App/>

猜你喜欢

转载自blog.csdn.net/lee727n/article/details/107950655