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目录中保存模块包。 |
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文件
其他的都不是很重要【对于初学者】
原文:https://www.cnblogs.com/ILittleFairy/p/12293171.html