淺談前端構建工具

上週末美團來的學長給我們講了前端構建工具的相關知識,內容對於我這個菜鳥來說非常龐大和複雜,所以我需要在這裏把他所講的內容在這裏細細地再捋一捋。

首先強行插入一篇關於前端構建工具寫得很好的文章:8個概念幫你弄懂各種前端build工具

首先應該瞭解node.js:
一.概念:
簡單地說,node.js既是javascript的運行環境(是除了瀏覽器之外能夠運行javascript的地方),又是可以在本地配置的服務器,用於開發階段在本地模擬與服務器的交互過程。在網上找的的比較官方的關於node.js的解釋如下:node.js既是基於Chrome JavaScript 運行時建立的一個平臺,又是一個基於Google的V8引擎的事件驅動I/O服務端JavaScript環境

二.node.js的安裝配置(只學習了windows下的安裝方法):
1.在官網上下載安裝包至本地,按照引導一步步安裝。具體過程參照的安裝教程
2.完成上述操作後,可以通過檢查node.js版本的方法來檢查是否成功安裝node.js
這裏寫圖片描述

三.node.js的使用學習(具體學習內容在博客node.js分類中)

接着應該引入NPM:
一.概念:
NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題,常見的使用場景有以下幾種:
(1)允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。
(2)允許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。
(3)允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。

二.安裝:
由於新版的node.js集成了npm,所以在下載node.js的時候就已經安裝了npm。同樣,可以通過檢查nom版本的辦法來測試npm是否安裝成功:
這裏寫圖片描述

三.使用:
到目前爲之,我體會到的關於NPM的使用就體現在通過它安裝node.js模塊上(剩下具體學習內容在博客npm分類中)
1.首先需要明確一點,因爲NPM是國外的東西,所以直接使用NPM的官方鏡像是很慢的,因此最好將鏡像換位淘寶鏡像或CNPM鏡像。這個時候就又引出了NRM。
2.NRM:是NPM的一個包,是NPM registry 管理工具,能夠查看和切換當前使用的registry。
PS:在這裏還需要明確一點,必須要學會查看官方文檔這一習慣。例如,要接觸到nrm,既然知道它是npm的一個包,那就可以去NPM的官網裏查看它的使用
這裏寫圖片描述

點擊展開詳細學習:
這裏寫圖片描述

3.接下來總結一下nrm的簡單使用方法:
a.安裝:
這裏寫圖片描述

b.nrm ls:列出所有的NPM鏡像文件
這裏寫圖片描述

c.nrm test:測試各個鏡像的作出迴應時間
這裏寫圖片描述
(從上圖中明顯能看到cnpm和taobao比npm官方鏡像的反應時間短)

d.nrm use taobao:將鏡像切換到淘寶鏡像

4.NPM簡單用法介紹:
A.NPM創建模塊:
這裏寫圖片描述

更多關於NPM的簡單使用請戳這裏

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章