创建好项目后,下面来介绍一下项目的目录结构。
目录结构如上图所示:
public:
index.html
manifest.json:文件是5+移动App的配置文件,用于指定应用的显示名称、图标、应用入口文件地址及需要使用的设备权限等信息。是扩展的配置文件,指明了扩展的各种信息。
src
index.js:react的入口文件
App.js:根组件
.gitignore:git忽略的文件
package.json:项目的配置文件
yarn.lock:模块安装完后的临时文件,不用管
src中的index.js介绍:
import React from 'react'; //引入react的核心库
import ReactDOM from 'react-dom'; //提供与DOM相关的功能
import './index.css'; //项目的公共CSS文件,可以不用,后面在其他的组件里再引用
import App from './App'; //引入了App这个组件
import * as serviceWorker from './serviceWorker'; //加快react运行速度的一个js文件
ReactDOM.render(<App />, document.getElementById('root')); //把App组件渲染到root节点上,在public中的index.html里面
serviceWorker.unregister();
写在最后:
- 如果文章中有错误或是表达不准确的地方,欢迎大家评论中指正,以便我完善。
- 文章我也会根据所学到新的知识不断更新。