首页 >

react脚手架工具有哪些

web前端|前端问答

react脚手架工具有哪些

React
web前端-前端问答
mybatis generator源码,vscode使用cpu,ubuntu 代码,tomcat 发布xml,sqlite增删查改实例,spy 3插件,写静态html页面前端框架,网络爬虫相关基础知识,php mysql防注入,无锡seo外包平台,网站漂浮窗,建筑公司网页模板,模板关于留言板lzw
react脚手架工具有哪些
移动分类信息源码,vscode包含编译器么,ubuntu查看linux,tomcat默认项目设置,爬虫抓取探探,php源码讲解,河北传统seo优化有什么好处lzw
1、官方推荐的脚手架(https://react.docschina.org/docs/create-a-new-react-app.html)
手机 点评 源码,微软 vscode java,怎样查询ubuntu是多少位的,tomcat国产替代,sqlite 删除语句无效,jquery 视频播放插件,web前端框架搭建需要技能,进口巧克力爬虫视频下载,php zip 解压,贾汪区seo优化,espcms 手机网站,网页文本下载 打印,通达oa 模板,delphi ip实时监控程序lzw
react的脚手架其实非常多, 其中官方推荐的脚手架有下面这些:

Create React App:如果你是在学习 React 或创建一个新的单页应用

Next.js:如果你是在用 Node.js 构建服务端渲染的网站

Gatsby:如果你是在构建面向内容的静态网站

nwb:用于React应用程序、库和其他web npm模块的工具包

razzle:创建没有配置的服务器呈现的通用JavaScript应用程序

Neutrino:创建和构建零初始配置的现代JavaScript应用程序

2、其他脚手架

react-cli脚手架

Rekit脚手架

脚手架是什么呢?

传统的脚手架指的是建筑学的一种结构:在搭建楼房、建筑物时,临时搭建出来的一个框架;

脚手架

编程中提到的脚手架(Scaffold),其实是一种工具,帮我们可以快速生成项目的工程化结构;

每个项目作出完成的效果不同,但是它们的基本工程化结构是相似的;

既然相似,就没有必要每次都从零开始搭建,完全可以使用一些工具,帮助我们生产基本的工程化模板;

不同的项目,在这个模板的基础之上进行项目开发或者进行一些配置的简单修改即可;

这样也可以间接保证项目的基本结构一致性,方便后期的维护;

总结:脚手架让项目从搭建到开发,再到部署,整个流程变得快速和便捷;

对于现在比较流行的三大框架都有属于自己的脚手架:

Vue的脚手架:vue-cli

Angular的脚手架:angular-cli

React的脚手架:create-react-app

它们的作用都是帮助我们生成一个通用的目录结构,并且已经将我们所需的工程环境配置好。

使用这些脚手架需要依赖什么呢?

目前这些脚手架都是使用node编写的,并且都是基于webpack的;

所以我们必须在自己的电脑上安装node环境;

《react视频教学》


  • 暂无相关文章