关键词:
使用Facebook的create-react-app快速构建React开发环境
前言:
create-react-app:来自Facebook官方的零配置命令行工具
create-react-app是来自于Facebook出品的零配置命令行工具,能够帮你自动创建基于Webpack+ES6的最简易的React项目模板,有助于初学者快速上手实践。安装create-react-app的方式也非常简单,可以直接使用npm
命令进行全局安装。
npm install -g create-react-app create-react-app my-app cd my-app/ npm start
执行完上述命令之后,你可以直接打开http://localhost:3000
,即可以看到你React APP的运行效果。此时也是处于开发模式下,如果你要进行发布,则使用npm run build
进行编译。
create-react-app
生成的目录格式如下所示:
my-app/ README.md index.html favicon.ico node_modules/ package.json src/ App.css App.js index.css index.js logo.svg
如果你是使用npm start
来启动配置,那么自动会进入开发模式,此时热替换是处于自动激活状态,你也可以实时地在界面或者命令行中看到错误提示:
如果你使用npm run build
来编译得到生产环境,此时代码会被编译到build
目录下,此时会自动将整个应用打包发布,它会自动使用Webpack控件进行优化与压缩。
01_hadoop学习笔记内容说明
Hadoop学习笔记内容说明_001、 观看云帆大数据梦琪老师的《企业级Hadoop1.x应用开发基础课程》2014年4月左右版本。2、 博客是在梦琪老师的随堂笔记上改动的,方便的是自己以后回顾学习,也或许能给需要改方面帮助的同... 查看详情
java学习笔记day_01
Java学习笔记(复习整理)虽然不知道该怎么写,但是不起步就永远不知道该怎么做。.刚开始可能会写的很差劲,但会一点一点变好的。本笔记是以我按照传智播客的视频和Java核心思想来学习,前面的基础部分主要是用于个人的... 查看详情
hive编程指南_学习笔记01
第四章:HQl的数据定义1:创建数据库 createdatabasefinancials; createdatabase ifnotexistsfinancials;2:查看数据库 showdatabases; 模糊查询数据库 showdatabaseslike‘h.*‘;3:创建数据库改动数据库的默认位置 &nbs 查看详情
ase学习笔记_01_mask
【ASE学习笔记】_01_Mask前言:本期使用到的材质类型是无光照类型实现效果:最终结点图实现思路:1.准备两张贴图,一张当做主体贴图,用于展现遮罩效果,另一张用于遮罩,以蝴蝶遮罩效果为例... 查看详情
javascript_01--------学习笔记
下面是花了几个小时总结的JavaScript的初级教程:JavaScript(简介) 定义:是一种脚本语言 是一种轻量级的编程语言 用途:1.嵌入动态文本于HTML页面; 2.对浏览器事件做出响应; 3.读... 查看详情
react笔记01-jsx
0.对于学习React,我们先来熟悉下JSX的语法,下面的这些语法仅用于构建一个组件的标签模块,定义完成之后如果需要做演示,请附加以下代码:ReactDOM.render(element1,document.body);即可完成标签的演示。1.普通的标签constelement1=<div&g... 查看详情
react学习笔记总结(代码片段)
文章目录1.React之props的使用2.React之对props进行限制3.React之props只读(知道修改在这是什么效果!)4.React之props简写方式5.类式组件中的构造器与props的注意事项6.函数式组件使用props7.类式组件字符串形式的refs属性8.React之回调形... 查看详情
react学习笔记总结(代码片段)
文章目录1.React之props的使用2.React之对props进行限制3.React之props只读(知道修改在这是什么效果!)4.React之props简写方式5.类式组件中的构造器与props的注意事项6.函数式组件使用props7.类式组件字符串形式的refs属性8.React之回调形... 查看详情
学习lua笔记_01(第一章开始)
作者:ayaoko出处:http://www.cnblogs.com/fyc006/>关于作者:小可才疏学浅还请多多赐教!本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出,原文链接如有问题,可邮件([email&... 查看详情
编写有效用例_阅读笔记01
...并不是很好,不然也不会迟迟未看下去。然而,耐着性子学习,却发现我们所学习的软件工程的相关课程,万变不离其宗,整个系统是一致的。换句话说,一个系统做下来,并不是单单一门课就可以解决的事,其间蕴含了所有学... 查看详情
ase学习笔记_01_mask
【ASE学习笔记】_01_Mask前言:本期使用到的材质类型是无光照类型实现效果:最终结点图实现思路:1.准备两张贴图,一张当做主体贴图,用于展现遮罩效果,另一张用于遮罩,以蝴蝶遮罩效果为例... 查看详情
react学习笔记
1、React的一开始出发点是:用于开发数据不断变化的大型应用程序(Buildinglargeapplicationswithdatathatchangesovertime)2、生命周期图 查看详情
elasticsearch学习笔记filter与query
一.keyword字段和keyword数据类型 1、测试准备数据POST/forum/article/_bulk{"index":{"_id":1}}{"articleID":"XHDK-A-1293-#fJ3","userID":1,"hidden":false,"postDate":"2017-01-01"}{"index":{"_id":2}}{"articleID": 查看详情
react学习笔记1
前端学习笔记今天开始学习react.js特开这一篇随笔作为react的学习笔记,主要记录看到的重点内容和自己的心得感想:一.基本组件和方法1.reactjs引入了一个虚dom的概念,对于每一个dom点都会存在一个状态,如果这个dom上的属性发... 查看详情
react学习笔记总结(代码片段)
针对React拓展相关的学习。文章目录一.React项目打包二.React扩展之setState两种写法三.React扩展之lazyLoad(懒加载)四、React的stateHook五、React的EffectHook六、React的RefHook七、React的Fragment八、React的Context九、React的PureComponent1.Component组件... 查看详情
elasticsearch-学习笔记04java客户端操作索引库(代码片段)
Java后端-学习路线-笔记汇总表【黑马程序员】ElasticSearch-学习笔记01【ElasticSearch基本介绍】【day01】ElasticSearch-学习笔记02【ElasticSearch索引库维护】ElasticSearch-学习笔记03【ElasticSearch集群】ElasticSearch-学习笔记04【Java客户端操作索... 查看详情
elasticserach学习笔记-01基础概念
...人根据官方文档的翻译,能力有限、水平一般,如果对想学习Elasticsearch的朋友有帮助,将是本人的莫大荣幸。原文出处:https://www.elastic.co/guide/en/elasticsearch/reference/current/_basic_concepts.html ElasticSearch有几个核心概念,了解它们... 查看详情
react学习笔记之环境配置
今天开始学习react环境配置,首先我们知道目前主流框架有三个,即:angular,react,vue,每个框架都有大量粉丝在用,并且每个框架都有自己的一套开发环境和提供的脚手架,今天我们学习一下react环境配置,为后续课程学习打... 查看详情