React 脚手架

React 脚手架create-react-app脚手架与vue-cli一样,create-react-app是react的一款脚手架。内置很多功能,让我们可以直接进入开发。安装指令npmi-gcreact-react-app安装完毕,提供了create-react-app指令创建项目creat

大家好,欢迎来到IT知识分享网。

create-react-app 脚手架

与vue-cli一样,create-react-app是react的一款脚手架。

 内置很多功能,让我们可以直接进入开发。

安装指令

npm i -g creact-react-app

安装完毕,提供了create-react-app指令

创建项目

create-react-app 项目名称

此时链接网络就可以下载项目了。

create-react-app创建的项目也是通过yarn来管理和维护的,安装模块用yarn安装。

例如:yarn add react-router react-router-dom redux react-redux

yarn add指令功能与npm install指令是一样的

目录部署

可随意定义

React 脚手架 

node_modules 依赖模块

public 静态目录

favicon.ico:logo

index.html:模板入口文件

manifest.json:离线缓存配置

src 开发目录

App.css:应用程序样式

App.js:应用程序脚本

App.test.js:应用程序单元测试

index.css:全局样式

logo.svg:eact的logo

registreServiceWorker.js:web workers

.gitignore git 配置

package.json npm 包配置

README.md 介绍文件

yarn.lock yarn锁文件

指令

React 脚手架

 create-react-app创建的项目提供了一些指令:

start 启动项目,默认端口号是3000

build 发布项目,默认发布到build目录下

test 单元测试

eject 输入webpack配置

可以自定义静态资源发布,模板资源发布等位置

yarn eject

React 脚手架

 React 脚手架

这些指令既可以使用yarn来启动,也可以使用npm来启动。

PWA 应用

PWA应用是一个渐进式的web应用,介于源生app与网站页面之间的一个应用。

其中

manifest.json就是离线缓存的文件

registreServiceWorker.js也是为pwa应用提供的web worker文件。

在浏览器中,点击“创建快捷方式”就可以在桌面上,创建一个离线应用。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/30718.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信