首頁  >  文章  >  web前端  >  react鷹架工具有哪些

react鷹架工具有哪些

WBOY
WBOY原創
2022-04-27 10:12:242711瀏覽

react腳手架工具有:1、nwb,用於React應用程式、庫和其他npm模組的工具包;2、razzle,是創建沒有配置的伺服器呈現的通用JS應用程式;3、Neutrino ,是建構零初始配置的現代js應用程式;4、「react-cli」等。

react鷹架工具有哪些

本教學操作環境:Windows10系統、react17.0.1版、Dell G3電腦。

react鷹架工具有哪些

1、官方推薦的鷹架(https://react.docschina.org/docs/create-a-new-react-app.html)

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影片教學

以上是react鷹架工具有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn