react应用(基于react脚手架)
2024-09-23 01:26:31
使用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文件
最新文章
- ng1.3+表单验证<;AngularJs>;
- php面向对象编程(二)
- 1.1使用内置的Camara应用程序捕捉图像
- reqiurejs学习
- jquery 删除数组元素
- 9G10内核时钟tick实现
- Part 71 Code snippets in visual studio
- TortoiseGit连接github不用每次输入用户名和密码的方法
- KVC, KVO实现原理剖析
- No modifications are allowed to a locked ParameterMap
- winform使用xml作为数据源
- (function(){}())写法的用途
- Python 迭代器、生成器、递归、正则表达式 (四)
- Windows Server 2016-配置Windows Defender防病毒排除项
- Error:Failed to resolve: com.android.support:appcompat-v7
- B - Alyona and towers CodeForces - 739C
- 目标检测之faster-RCNN和FPN
- Docker镜像原理
- URL diff URI
- sbt 以及 IDEA sbt 插件安装配置教程(转)