标签:install 需要 使用 index 技术架构 编译 开发 主页 一个
使用create-react-app创建react应用
react脚手架
1) xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目
a. 包含了所有需要的配置
b. 指定好了所有的依赖
c. 可以直接安装/编译/运行一个简单效果
2) react提供了一个用于创建react项目的脚手架库: create-react-app
3) 项目的整体技术架构为: react + webpack + es6 + eslint
4) 使用脚手架开发的项目的特点: 模块化, 组件化, 工程化
创建项目并启动
npm install -g create-react-app create-react-app hello-react cd hello-react npm start
react脚手架项目结构
ReactNews |--node_modules---第三方依赖模块文件夹 |--public |-- index.html-----------------主页面 |--scripts |-- build.js-------------------build打包引用配置 |-- start.js-------------------start运行引用配置 |--src------------源码文件夹 |--components-----------------react组件 |--index.js-------------------应用入口js |--.gitignore------git版本管制忽略的配置 |--package.json----应用包配置文件 |--README.md-------应用描述说明的readme文件
标签:install 需要 使用 index 技术架构 编译 开发 主页 一个
原文地址:https://www.cnblogs.com/jnba/p/12551429.html