【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(, 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~