1.npm
NPM是隨同NodeJS一起安裝的包管理工具宪哩，能解決NodeJS代碼部署上的很多問題酝惧，常見的使用場景有以下幾種：

允許用戶從NPM服務器下載別人編寫的第三方包到本地使用
允許用戶從NPM服務器下載并安裝別人編寫的命令行程序到本地使用
允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用
界面如下：


2.Express
Express基于 Node.js 平臺，快速缀拭、開放犬耻、極簡的 Web 開發(fā)框架

關于Express的介紹可參考：當面試官問你關于Node.js的開發(fā)框架Express時，你怎么回答

界面如下：


3.BootCDN
BootCDN是 貓云 聯合 Bootstrap 中文網 共同支持并維護的前端開源項目免費 CDN 服務勋乾，致力于為 Bootstrap宋下、jQuery、React辑莫、Vue.js 一樣優(yōu)秀的前端開源項目提供穩(wěn)定学歧、快速、免費的前端開源項目 CDN 加速服務

截止目前共收錄了 3606 個前端開源項目

界面如下：


4.mongoose
mongoose是在node.js異步環(huán)境下對mongodb數據庫進行便捷操作的對象模型工具

關于mongodb可參考：教零基礎女朋友學MongoDB

界面如下：


5.Vue.js
Vue.js是一套用于構建用戶界面的漸進式框架各吨。與其它大型框架不同的是枝笨，Vue 被設計為可以自底向上逐層應用
Vue 的核心庫只關注視圖層，不僅易于上手揭蜒，還便于與第三方庫或既有項目整合横浑。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時忌锯，Vue 也完全能夠為復雜的單頁應用提供驅動

關于Vue的介紹及使用伪嫁，可參考此專欄：淺談Vue.js

界面如下：


6.React
React

是一個用于構建用戶界面的 JAVASCRIPT 庫

主要用于構建UI，很多人認為 React 是 MVC 中的 V（視圖）

起源于 Facebook 的內部項目偶垮，用來架設 Instagram 的網站张咳，并于 2013 年 5 月開源

擁有較高的性能，代碼邏輯非常簡單似舵，越來越多的人已開始關注和使用它

界面如下：


7.BULMA
Bulma是一個基于 Flexbox 構建的免費脚猾、開源的 CSS 框架

Bulma 框架最大的特點，就是簡單好用砚哗。所有樣式都基于class龙助，只需為 HTML 元素指定class，樣式立刻生效

界面如下：


8.RAP2
RAP2是一個可視化接口管理工具，通過分析接口結構提鸟，動態(tài)生成模擬數據军援，校驗真實接口正確性， 圍繞接口定義称勋，通過一系列自動化工具提升我們的協作效率胸哥。

其具有可視化編輯，完善的版本控制赡鲜，各種格式的導入導出功能空厌。讓前后端約定接口的工作變得十分的簡單

RAP2會自動根據接口文檔生成Mock接口，這些接口會自動生成模擬數據银酬，支持復雜的生成邏輯嘲更。

界面如下：


9.Swiper中文網
Swiper常用于移動端網站的內容觸摸滑動

Swiper是純javascript打造的滑動特效插件，面向手機揩瞪、平板電腦等移動終端

Swiper能實現觸屏焦點圖赋朦、觸屏Tab切換、觸屏多圖切換等常用效果

界面如下：


10.Animate.css
Animate.css是一個可在您的Web項目中使用的即用型跨瀏覽器動畫庫壮韭。非常適合強調北发，首頁，滑塊和引導注意的提示

很多前端開發(fā)都知道的一個基于css3 animation動畫庫喷屋，庫中預設的動畫效果幾乎滿足了所有日常開發(fā)中的需求

界面如下：


11.Vant-UI
Vant是有贊開源的一套基于 Vue 2.0 的 Mobile 組件庫。通過 Vant瞭恰，可以快速搭建出風格統(tǒng)一的頁面屯曹，提升開發(fā)效率。目前已有近 50 個組件惊畏，這些組件被廣泛使用于有贊的各個移動端業(yè)務中恶耽。 Vant 旨在更快、更簡單地開發(fā)基于 Vue 的美觀易用的移動站點颜启。
界面如下：


12.xiaopiu
xiaopiu是一款產品原型設計與團隊實時協作平臺偷俭。可以隨時隨地創(chuàng)作原型缰盏，實時保存涌萤，實時和他人協同，一鍵分享口猜，并且提供多款各行業(yè)項目模板以及豐富的組件庫和頁面庫來幫助用戶快速構建自己的原型

界面如下：


13.Element
Element：一套為開發(fā)者负溪、設計師和產品經理準備的基于 Vue 2.0 的桌面端組件庫

這是element（餓了么團隊）基于MVVM框架Vue開源出來的一套前端ui組件。個人覺得它的布局容器使用起來是真的舒服

界面如下：


14.Iconfont
Iconfont 應該是大家比較熟悉的济炎，國內功能很強大且圖標內容很豐富的矢量圖標庫,提供矢量圖標下載川抡、在線存儲、格式轉換等功能

界面如下：


15.favicon
favicon提供ico圖標在線制作须尚、快速ico圖標制作崖堤、icon圖標制作侍咱、可以將png轉ico、所有圖片轉ico,透明ico圖標制作密幔、動態(tài)ico圖標制作方法及將所制作的ico圖標下載下來,作為favicon.ico使用

界面如下：


16.GitHub
GitHub 大名鼎鼎的代碼托管平臺楔脯，這個就不需要介紹了

界面如下：


17.藍湖
藍湖是一款產品文檔和設計圖的共享平臺,幫助互聯網團隊更好地管理文檔和設計圖

界面如下：


18.CSDN
CSDN：中國專業(yè)IT社區(qū)（中國軟件開發(fā)聯盟），致力于為中國軟件開發(fā)者提供知識傳播老玛、在線學習淤年、職業(yè)發(fā)展等全生命周期服務。它是一個大型綜合性IT門戶網站蜡豹，有很強的專業(yè)性

包含原創(chuàng)博客麸粮、精品問答、職業(yè)培訓镜廉、技術論壇弄诲、資源下載等產品服務，提供原創(chuàng)娇唯、優(yōu)質齐遵、完整內容的專業(yè)IT技術開發(fā)社區(qū)

CSDN可以理解為是一個程序員聚集的網站，我們會在網站上討論編程相關的問題

界面如下：


19.Moment.js
moment.js是一個簡單易用的輕量級 JavaScript 日期處理類庫塔插，提供了日期格式化梗摇、日期解析等功能。

界面如下：


20.React Router
React Router路由庫想许，它是官方維護的伶授，事實上也是唯一可選的路由庫。它通過管理 URL流纹，實現組件的切換和狀態(tài)的變化糜烹，開發(fā)復雜的應用幾乎肯定會用到。

界面如下：


21.Mint UI
Mint UI包含豐富的 CSS 和 JS 組件漱凝，能夠滿足日常的移動端開發(fā)需要疮蹦。通過它，可以快速構建出風格統(tǒng)一的頁面茸炒，提升開發(fā)效率愕乎。

界面如下：


22.Ant Design Mobile
Ant Design Mobile提供了 40+ 基礎組件、覆蓋各類場景扣典，組件特性豐富妆毕、滿足各種功能需求。上手足夠簡單贮尖，既可以一次加載所有代碼笛粘、也可以只加載用到的某幾個組件的代碼、避免冗余。

界面如下：


23.Ant Design
Ant Design是基于 Ant Design 設計體系的 React UI 組件庫薪前，主要用于研發(fā)企業(yè)級中后臺產品润努。

界面如下：


24.Bootstrop
Bootstrop簡潔、直觀示括、強悍的前端開發(fā)框架铺浇，讓web開發(fā)更迅速、簡單垛膝。

界面如下：


25.jsDelivr
jsdelivr免費提供CDN加速,可謂是前端的良心神器之一 jsDelivr 是一個免費鳍侣、開源的加速CDN公共服務,托管了許多大大小小的項目。

界面如下：


26.jQuery
jquery是一個快速吼拥、簡潔的JavaScript框架倚聚，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫。jquery設計的宗旨是“write Less,Do More”凿可。

界面如下：


27.Airbnb JavaScript 風格指南
Airbnb JavaScript 風格指南助你養(yǎng)成良好的編碼習慣惑折。

界面如下：


28.Awesomes
awesomes網站是一個致力于打造高質量的前端資源庫，深度對接到 Github枯跑，分析熱度和未來的發(fā)展趨勢惨驶，并開放中文文檔的翻譯和編輯，該站成立的目的主要是為了給國內用戶提供前端Github庫的歸檔和中文文檔敛助，從而更好地學習前端知識粗卜。

界面如下：


29.nrm

nrm(npm registry manager )是npm的鏡像源管理工具,有時候國外資源太慢,使用這個就可以快速地在npm源間切換。

界面如下：


30.axios
axios 是一個基于 promise 的 HTTP 庫纳击，可以用在瀏覽器和 node.js 中休建。

界面如下：


31.墨刀
添加鏈接描述是一款在線產品原型工具與產品設計團隊協作平臺，能高效评疗、輕松的解決團隊成員遠程辦公,高效協作編輯。

界面如下：



32.Tailwind CSS
tailwindcss是一個高度可定制的基礎層 CSS 框架,它為您提供了構建定制化設計所需的所有構建塊,而無需重新覆蓋任何內建于框架中的設計風格茵烈。

界面如下：


33.vue-awesome-swiper
vue-awesome-swiper是一款vue輪播圖插件百匆，能實現觸屏焦點圖、觸屏Tab切換呜投、觸屏多圖切換等常用效果加匈。

界面如下：


34.ECharts
ECharts是一個純JavaScript圖表庫，底層依賴于輕量級的Canvas類庫ZRender仑荐，基于BSD開原協議雕拼，是一款非常優(yōu)秀的可視化前端框架。

界面如下：


35.凡科
凡科微信小程序開發(fā)制作工具粘招，免費小程序搭建平臺啥寇。

界面如下：


36.NProgress（瀏覽器頂部進度條）
NProgress是頁面跳轉是出現在瀏覽器頂部的進度條。

界面如下：


37.Cube-UI
Cube-UI基于 Vue.js 實現的精致移動端組件庫，由滴滴內部組件庫精簡提煉而來辑甜。

界面如下：


38.iView
iView一套基于 Vue.js 的高質量 UI 組件庫衰絮。

界面如下：


39.VUX
VUX一款由個人進行維護的 Vue.js 移動端 UI 組件庫×状祝基于 WeUI 和 Vue.js 的 移動端 UI 組件庫,提供豐富的組件滿足移動端(微信)頁面常用業(yè)務需求猫牡。

界面如下：


40.懶人之家
懶人之家致力于網頁腳本代碼以及Flash素材的收集與整理,努力為國內前端工作者提供最全面的素材。

界面如下：


41.Font Awesome
Font Awesome字體可以為我們提供可縮放矢量圖標,它可以被定制大小邓线、顏色淌友、陰影以及任何可以用CSS的樣式。