码迷,mamicode.com
首页 > 其他好文 > 详细

react应用(基于react脚手架)

时间:2020-03-23 12:38:26      阅读:78      评论:0      收藏:0      [点我收藏+]

标签: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文件

 

react应用(基于react脚手架)

标签:install   需要   使用   index   技术架构   编译   开发   主页   一个   

原文地址:https://www.cnblogs.com/jnba/p/12551429.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!