首页 > 其他 > 详细

React学习一

时间:2020-02-10 23:52:27      阅读:106      评论:0      收藏:0      [点我收藏+]

react简介:facebook推出开源框架(2013年开源)

react16之后的都叫react fiber;

对比vue.js:react更加灵活

react使用:1、可以通过原生的js引入;2、可以通过使用脚手架工具(web开发过程中的辅助工具)【常见的:webpack\grunt\create-react-app(官方出的)】

官网:reactjs.org


 

脚手架工具create-react-app的使用:1、环境:安装node.js环境【官网nodejs.org】2、安装create-react-app:通过命令行:npm install -g create-react-app【安装】或者npx create-react-app my-app【安装并创建应用my-app,注:没有install】3、创建react app:create-react-app my-app;4、cd my-app【命令提示符cd,进入my-app目录下】;5、npm start/yarn start【访问localhost:3000】

注意1:

npm install几种方式的区别:见https://www.jianshu.com/p/920c1a6e999c

npm install  moduleName          安装模块到项目目录下 

会把moduleName包安装到node_modules目录中;

不会修改package.json

之后执行npm install命令时,不会自动装入moduleName

npm install moduleName  -g 将模块安装到全局,具体安装到磁盘下的哪个位置,要看npm config prefix的位置

安装模块到全局,不会在项目node_modules目录中保存模块包。
不会将模块依赖写入devDependencies或dependencies 节点。
运行 npm install 初始化项目时不会下载模块。

 npm install moduleName --save  暂略  
 npm install moduleName --save-dev  暂略  

 

 

注意2:

技术分享图片

 

 

 npm和yarn都是依赖(js包)管理工具,yarn可以替代npm。windows下npm下的安装方式:npm install -g yarn

各种安装方式:https://www.jb51.net/article/95630.htm

技术分享图片

 

yarn与npm:yarn是为了弥补 npm 的一些缺陷而出现的,但是npm5已经做了类似的改进

 

 见https://www.jianshu.com/p/254794d5e741


 

工程目录简介:

重要的有三个文件:public下的index.html文件,是项目的首页展示的模板html文件

src下的index.js,是所有js文件的js入口文件

src下的App.js文件,是往页面写入文本内容的js文件

其他的都不是很重要【对于初学者】

React学习一

原文:https://www.cnblogs.com/ILittleFairy/p/12293171.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!