初識node.js（經過npm下載項目依賴的包的過程）

初識node.js（經過npm下載項目依賴的包的過程）

 

1、初識node.js

       簡單的說Node.js 就是運行在服務器端的JavaScript。

       Node.js 是一個基於Chrome JavaScript 運行時創建的一個平臺。

       Node.js是一個事件驅動I/O服務端JavaScript環境，基於Google的V8引擎，V8引擎執行Javascript的速度很是快，性能很是好。

       Node.js 的包管理器 npm，是全球最大的開源庫生態系統。

       Node.js官網：https://nodejs.org/en

       npm官網：https://www.npmjs.com

      

一、安裝node.js

       從官網下載安裝包，本文以安裝v8.12.0版本爲例，下載完成後按照提示安裝。

       注意 ：若安裝過程當中修改了默認安裝路徑，則要將修改後的路徑添加到系統的環境變量中。

 

二、node.js命令介紹（cmd終端執行）

       查看node版本： node –v

       查看npm版本：npm -v

       進入node環境：node

       退出node環境：兩次ctrl+c

 

三、經過node.js的npm下載項目中用到的包如bootstrap和jquery等，步驟以下：

       a、安裝好node.js後，在命令行經過cd命令切換到項目目錄下；

       b、初始化項目目錄，會自動生成一個package.json文件來管理咱們的包，命令以下：

              npm init 或者 npm init --yes

       c、下載當前項目依賴的包，如bootstrap和jquery，命令以下：

              npm install jquery –S 或者 npm install jquery --save

              npm install jquery@3.3.1 –S（--save） 或者 npm install jquery@3 –S（--save）

              注意：

                     1）默認下載最新版本，也能夠帶上版本號；

                     2）執行命令後項目中增長了一個node_modules文件夾，包含jquery文件；

                     3）執行命令後package.json中增長了」dependencies」:{ "jquery": "^3.3.1" };

              下載bootstrap則把上邊的jquery換成bootstrap便可，也能夠指定版本，以下：

　　　　npm install bootstrap@3 –S 或者 npm install bootstrap@3 –save

       注意：

           1）默認下載最新版本，也能夠帶上版本號；

                     2）執行命令後項目的node_modules文件夾增長了一個bootstrap文件夾；

                     3）執行後package.json中的」dependencies」值增長了{ "bootstrap": "^3.3.7",};

              PS：當前項目依賴包在dependencies中，開發環境下依賴的包在devDependencies中存放。

              總結：項目依賴的全部包都放在node_modules文件夾中。

       d、卸載命令：npm uninstall jquery –S

 

四、github不容許上傳超過100M的項目，因此上傳項目的時候不用上傳node_modules文件夾。

       手動刪除node_modules文件夾後，package.json中依賴的包還存在的話，在終端執行命令，則能夠自動下載package.json中的全部包，命令以下： 

       npm install

       因此當你從GitHub下載一個項目後，進入項目目錄，執行npm install就能夠下載項目依賴的包。

 

五、例如，一個項目中的package.json文件中有以下鍵值對：

　　"scripts": {

　　　　"dev": "node build/dev-server.js",

　　　　"build": "node build/build.js"

　　},

       那麼，咱們能夠執行npm run dev來打開node服務器，而後訪問項目；能夠執行npm run build命令對項目進行壓縮和醜陋化（js和css文件都在一行，且變量用e、t、i等單字母表示）。

       注意：前端也是服務器的，即node.js。經常做爲中間層，接受前端頁面發送的請求，並向python等後臺的服務器發送請求。前端全局變量都掛在window對象上，node.js全局變量掛在global對象上。

 

六、前端三大壓縮工具：webpack（用的比較多）、grunt、gulp。