【React学习笔记】【应用的结构】

目录

---

node_modules/ 放置项目依赖的包

---

package.json文件

刚创建好react项目的大概内容

{
  "name": "pro",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.4.2",
    "react-dom": "^16.4.2",
    "react-scripts": "1.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

name: 项目名称
version: 项目版本号
description: 项目描述
keywords: {Array}关键词，便于用户搜索到我们的项目
homepage: 项目url主页
private: 如果设置为true, 那么npm会拒绝发布它
scripts: 声明一系列npm脚本指令
config: 配置项目中需要的配置参数：

{ “name” : “foo” 
, “config” : { “port” : “8080” } 
, “scripts” : { “start” : “node server.js” } } } 

dependencies：项目在生产环境中依赖的包
devDependencies: 项目在开发和测试环境中依赖的包

---

public放置公开资源

public/index.html页面

<div id="root"></div>

---

src源

src/index.js入口文件

import App from './App';        //导入组件

ReactDOM.render(<App />, document.getElementById('root'));  //渲染组件到id为root的标签

src/APP.js组件

export default App;         //导出组件

---

快捷链接

全部React学习笔记的目录 Click Here>>
全部Javascript学习笔记的目录 Click Here>>
Less学习笔记 Click Here>>
安利一波前端开发推荐使用的工具 Click Here>>
github各类实战练习源码下载 Click Here>>
如果你觉得我的东西能帮到你，无限欢迎给我的github库点个收藏Star~0v 0~

---