JavaScript最初只是為開(kāi)發(fā)網(wǎng)頁(yè)的客戶(hù)端而老牌的，而且隨著新的框架被開(kāi)發(fā)用于服務(wù)器端。JavaScript已經(jīng)成為當(dāng)今世界上最流行的編程語(yǔ)言之一也就不足為奇了。

成都創(chuàng)新互聯(lián)公司是一家專(zhuān)注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃、微信小程序開(kāi)發(fā)、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動(dòng)互聯(lián)開(kāi)發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十多年以來(lái)，已經(jīng)為上1000家成都效果圖設(shè)計(jì)各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)?，F(xiàn)在，服務(wù)的上1000家客戶(hù)與我們一路同行，見(jiàn)證我們的成長(zhǎng)；未來(lái)，我們一起分享成功的喜悅。

隨著越來(lái)越多的程序員學(xué)習(xí)用JavaScript編寫(xiě)代碼，偉大的項(xiàng)目也在不斷增加。

1. React.js

88,356

JavaScript主要用于客戶(hù)端項(xiàng)目，React.js是用于開(kāi)發(fā)出色的前端設(shè)計(jì)和交互的框架示例。由Facebook創(chuàng)建，React是一個(gè)用于創(chuàng)建功能強(qiáng)大的可重用UI組件的庫(kù)。

使用React的優(yōu)勢(shì)之處在于它通過(guò)使用虛擬DOM來(lái)隱藏復(fù)雜性，這有助于提高應(yīng)用程序的性能。React的功能包括JavaScript語(yǔ)法擴(kuò)展，單向數(shù)據(jù)流，組件等等。

學(xué)習(xí)React是非常容易的，如果你對(duì)JavaScript有很好的把握。您可以從React.js網(wǎng)站訪(fǎng)問(wèn)該教程。React的安裝和設(shè)置非常簡(jiǎn)單。

 
 
 

  
  
  
npm install -g create-react-app 
  
  
  
create-react-app my-app 
  
  
  
cd my-app 
  
  
  
npm start
 
 
 

2. Vue.js

83,742

就像React一樣，Vue是構(gòu)建優(yōu)秀用戶(hù)界面的另一個(gè)框架。這種漸進(jìn)式框架的設(shè)計(jì)，隨著時(shí)間的推移很容易適應(yīng)，這使得庫(kù)很容易與其他項(xiàng)目整合并隨時(shí)使用。

Vue.js以其簡(jiǎn)單性而廣為人知，除此之外，它是輕量級(jí)的，有良好的文檔記錄，并且在開(kāi)發(fā)期間具有靈活性。Vue鼓勵(lì)開(kāi)發(fā)人員編寫(xiě)“簡(jiǎn)單的JavaScript”，因此，初學(xué)者很容易掌握。

Vue非常易于安裝和設(shè)置。

 
 
 

  
  
  
npm install -g vue-cli 
  
  
  
vue init webpack my-app 
  
  
  
cd my-app 
  
  
  
npm install 
  
  
  
npm run dev
 
 
 

3. Node.js

45,478

這里是有史以來(lái)最好的服務(wù)器端開(kāi)發(fā)框架之一，這使得JavaScript在服務(wù)器端腳本項(xiàng)目中非常受歡迎。

Node.js帶來(lái)了包管理工具NPM，它幫助許多開(kāi)發(fā)人員更輕松地生活。開(kāi)發(fā)人員也喜歡它提供了一個(gè)非阻塞的I / O模型，可用于開(kāi)發(fā)實(shí)時(shí)Web應(yīng)用程序，易于學(xué)習(xí)，并且擁有一個(gè)大型社區(qū)。

Windows和Linux上Node的安裝過(guò)程不同。對(duì)于Windows，只需下載并安裝Node.js 可執(zhí)行應(yīng)用程序即可 。

對(duì)于Linux，下面的Linux終端命令會(huì)安裝它：

 
 
 

  
  
  
sudo apt-get update 
  
  
  
sudo apt-get install nodejs
 
 
 

安裝后，應(yīng)運(yùn)行以下命令以確認(rèn)安裝是否成功。

 
 
 

  
  
  
node -v
 
 
 

4.Atom

43,368

這是您將找到的最好的文本編輯器之一。它與Sublime Text和Visual Studio等競(jìng)爭(zhēng)，因?yàn)樗哂泄δ軓?qiáng)大，并且具有智能自動(dòng)完成功能，集成的拼寫(xiě)檢查功能，并且非常易于使用。

然而，開(kāi)始使用Atom非常困難，這是因?yàn)樾枰ㄙM(fèi)時(shí)間來(lái)設(shè)置插件，以幫助創(chuàng)造出色的體驗(yàn)。

在Linux上安裝Atom并不困難，運(yùn)行下面的命令可以完成這項(xiàng)工作。

 
 
 

  
  
  
curl -L https://packagecloud.io/AtomEditor/atom/gpgkey | sudo apt-key add - 
  
  
  
sudo sh -c 'echo "deb [arch=amd64] https://packagecloud.io/AtomEditor/atom/any/ any main" > 
  
  
  
/etc/apt/sources.list.d/atom.list' 
  
  
  
sudo apt-get update 
  
  
  
sudo apt-get install atom
 
 
 

在Windows上安裝它也不困難，可以從GitHub頁(yè)面下載可執(zhí)行文件。

5. HTML5

Boilerplate

39,744

隨著時(shí)間的推移，網(wǎng)頁(yè)的發(fā)展變得越來(lái)越復(fù)雜。由于生產(chǎn)力越來(lái)越成為瓶頸，減少日常工作具有重要意義。

借助HTML5 Boilerplate項(xiàng)目，開(kāi)發(fā)過(guò)程變得更加愉快。這會(huì)是您發(fā)現(xiàn)的最流行的前端樣板框架，因?yàn)樗兄跇?gòu)建快速，健壯和適應(yīng)性強(qiáng)的Web應(yīng)用程序。

它包括Normalize.css，jQuery，Modernizr人臉檢測(cè)庫(kù)的自定義版本，并且提供高性能。

HTML5 Boilerplate框架可以從他們的GitHub頁(yè)面下載。

6.Three.js

39,297

有幾個(gè)流行的3D計(jì)算機(jī)圖形框架，Three.js就是其中之一。Three.js用于通過(guò)使用WebGL引擎在Web瀏覽器中創(chuàng)建漂亮的3D計(jì)算機(jī)圖形。

Three.js帶有一些功能。諸如效果和場(chǎng)景，相機(jī)，皮膚網(wǎng)格和變形混合網(wǎng)格，燈光 , 動(dòng)畫(huà)等功能已經(jīng)幫助它獲得了普及。

其龐大的開(kāi)發(fā)人員和用戶(hù)群體是非常積極的，所以您可以期待該項(xiàng)目的穩(wěn)定改進(jìn)。

Three.js易于安裝，可以從GitHub頁(yè)面下載。

7. MeteorJS

39,213

構(gòu)建所有平臺(tái)應(yīng)用程序的框架而言，MeteorJS是您找到的最好的應(yīng)用程序之一。

MeteorJS支持實(shí)時(shí)的Web開(kāi)發(fā)，使得客戶(hù)端，服務(wù)器端和應(yīng)用程序數(shù)據(jù)庫(kù)的開(kāi)發(fā)變得容易得多，易于初學(xué)者編寫(xiě)代碼，并且擁有龐大的開(kāi)發(fā)者社區(qū)。

尋找指南？這是Meteor的開(kāi)發(fā)者寫(xiě)的一個(gè)。

Meteor很容易安裝，運(yùn)行下面的終端命令將完成這項(xiàng)工作。

 
 
 

  
  
  
sudo curl https://install.meteor.com/ | sh
 
 
 

要檢查安裝是否成功，請(qǐng)使用以下命令：

 
 
 

  
  
  
meteor --version
 
 
 

8. Express.js

36,624

在文章的前面，我們討論了Node.js框架。Express實(shí)際上是建立在Node.js之上的！

Express.js是一個(gè)靈活的基于Node.js的Web應(yīng)用程序框架，用于開(kāi)發(fā)高質(zhì)量的Web和移動(dòng)應(yīng)用程序。

用于構(gòu)建Web應(yīng)用程序和API，Express.js在JavaScript社區(qū)中非常流行。如果你在業(yè)務(wù)中待了一段時(shí)間，那么你很可能聽(tīng)說(shuō)過(guò)MEAN堆棧--Express構(gòu)成了堆棧的后端部分。

Express使開(kāi)發(fā)過(guò)程更快，配置和定制更容易，可以集成大量模板引擎，并且不會(huì)與數(shù)據(jù)庫(kù)連接造成麻煩。

由于Express構(gòu)建在Node.js上，因此可以使用NPM工具進(jìn)行安裝。

 
 
 

  
  
  
npm init
 
 
 

然后安裝并將Express添加到依賴(lài)關(guān)系列表中：

 
 
 

  
  
  
npm install express --save
 
 
 

或者在沒(méi)有將Express添加到依賴(lài)關(guān)系列表的情況下進(jìn)行安裝：

 
 
 

  
  
  
npm install express --no-save
 
 
 

9. Chart.js

35,151

在這個(gè)大數(shù)據(jù)的世界里，數(shù)據(jù)的可視化已經(jīng)變得非常重要，不僅對(duì)統(tǒng)計(jì)人員而且對(duì)web開(kāi)發(fā)人員也是如此。

借助Chart.js，您可以在網(wǎng)頁(yè)上顯示精美的圖表，確保在可視化數(shù)據(jù)之前不必經(jīng)歷環(huán)境變化。

Chart.js重量輕，速度快，可用于創(chuàng)建響應(yīng)式圖表，具有非常明確的文檔，并支持多達(dá)8種圖表類(lèi)型。如果這還不夠的話(huà)，Chart.js擁有一個(gè)龐大的用戶(hù)社區(qū)，因此您可以快速找到問(wèn)題的解決方案。

該圖表庫(kù)可以使用npm工具進(jìn)行安裝，只需使用以下命令：

 
 
 

  
  
  
npm install chart.js --save
 
 
 

10.Yarn

30,168

這是一個(gè)JavaScript包管理工具，有助于簡(jiǎn)化開(kāi)發(fā)過(guò)程。

和react一樣，yarn也是由facebook開(kāi)發(fā)的，它可以被看作是對(duì)npm工具的改進(jìn)，因?yàn)樗梢詫pm沒(méi)有的操作并行化，從而更有效地利用網(wǎng)絡(luò)。

Yarn受歡迎的一些原因是它的執(zhí)行速度，強(qiáng)大的工作系統(tǒng)，許可證檢查的可用性以及與NPM和Bower軟件包管理工具的令人難以置信的兼容性。

Yarn可以使用npm工具進(jìn)行安裝：

 
 
 

  
  
  
npm install yarn --global
 
 
 

在Linux上，它也可以使用下面的命令進(jìn)行安裝：

 
 
 

  
  
  
curl - sS https: //dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add - 
  
  
  
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee / etc / apt / sources.list.d / yarn.list
 
 
 

然后：

1. sudo apt-get update && sudo apt-get install yarn

有需求的小伙伴趕緊轉(zhuǎn)發(fā)收藏吧~~！

文章名稱(chēng)：GitHub的十大JavaScript項(xiàng)目
瀏覽路徑：http://uogjgqi.cn/article/cogeoog.html