1.node_modules 项目依赖包
2.public 公用的 index.html favicon.ico manifest.json (pwa技术相关 可以指定哪些文件可以被缓存)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="PUBLIC_URL/favicon.ico">
<title>Todolist</title>
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div>
</body>
</html
3.src 项目代码文件 index.js 项目的入口文件 react 里面思想 all in js 可以将多余的文件都删除只留下App.js index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
//pwa progressive web application 断网时可以保留上次访问的网页
import registerServiceWorker from './registerServiceWorker';
//用到jsx语法时 必须导入react 包
ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();
4.package.json 包依赖管理文件
{
"name": "todolist",
"version": "0.1.0",
"private": true,
"dependencies": {
"react": "^16.4.2",
"react-dom": "^16.4.2",
"react-scripts": "1.1.5"
},
"scripts": {
"start": "react-scripts start", //启动命令
"build": "react-scripts build", //打包命令
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
}
}
5. .gitignore 忽略上传git的文件
6.README.md
7. yarn.lock