NODE：基于V8引擎（谷歌瀏覽器的引擎）渲染JS的工具或者環(huán)境

• 安裝NODE（建議穩(wěn)定版本LTS）

  • 網址：https://nodejs.org/en/
  • 安裝完成后電腦會自動安裝npm(Node Package Manager)
  • 會生成一個node執(zhí)行的命令（可以在DOS窗口或者終端命令中執(zhí)行）：node xxx.js

• 如何在NODE中渲染和解釋JS

  • REPL模式 (Read-Evaluate-Print-Loop，輸入-求值-輸出-循環(huán))
  • 直接基于NODE來執(zhí)行JS文件
    1）在命令窗口中執(zhí)行（DOS窗口 & 終端窗口）
    2）vscode中的Terminal中也可以執(zhí)行node命令
    3）安裝vscode插件Code Runner后直接執(zhí)行（右鍵 => Run Code）

• NODE做后臺的優(yōu)勢和特點

  1.基于V8引擎渲染：速度快
  2.異步無阻塞的I/O操作
  3.事件驅動（event-driven）：類似于發(fā)布訂閱或者回調函數

NPM：一個JS模塊（所有封裝好可以供其它人調取使用的都可以稱之為模塊或者包）管理的工具，基于npm可以安裝下載JS模塊

• 常規(guī)操作

  npm root -g    查看全局環(huán)境下NPM的安裝目錄
  npm root       查看本地項目下NPM的安裝目錄
  
  npm install xxx  把模塊安裝到當前目錄下
  npm install xxx -g 把模塊安裝在全局目錄下
  
  npm uninstall xxx / npm uninstall xxx -g 卸載模塊
  
  npm install xxx@xxx 安裝指定版本號的模塊
  
  npm view xxx > xxx.version.txt  查看模塊的歷史版本信息
  

• 提高NPM下載模塊速度

  1.使用淘寶鏡像
  安裝cnpm，后期都是基于cnpm安裝管理

  npm install cnpm -g
  cnpm install zepto
  

  安裝nrm切源工具，基于nrm把源切換到淘寶源上（這樣處理完成后，后期模塊的管理依然基于npm即可）

  npm install nrm -g
  nrm ls 查看當前可用的源
  nrm use xxx 使用某個源
  

  2.基于YARN安裝：它也是模塊管理器，類似于NPM，但是安裝管理的速度比NPM快很多（使用yarn只能把模塊安裝到當前目錄下，不能安裝到全局環(huán)境下）

  npm install yarn -g
  yarn add xxx
  yarn remove xxx
  

  3.bower也是類似于npm的包管理器，只不過它是從gitHub下載安裝

  npm install bower -g
  bower install xxx
  ...
  

• 在本地項目中基于NPM或YARN安裝第三方模塊

  1.在本地項目中創(chuàng)建一個“package.json”的文件
  使用npm init -y 或者 yarn init -y默認生成配置清單（注意：創(chuàng)建配置清單的時候，項目目錄中不應該出現中文和特殊符號，這樣有可能識別不了）
  2.安裝
  開發(fā)依賴：只有在項目開發(fā)階段依賴的第三方模塊
  生產依賴：項目部署實施的時候，也需要依賴的第三方模塊

  // npm
  npm install xxx --save  保存到配置清單的生產依賴中
                  --save-dev  保存到開發(fā)依賴中
  // yarn
  yarn add xxx 默認就是保存到生產依賴中
           --dev / -D  保存到開發(fā)依賴中
  

  3.部署的時候“跑環(huán)境”
  執(zhí)行npm install 或者 yarn install即可

• 模塊安裝在本地和全局的區(qū)別

  • 安裝在全局的特點：所有的項目都可以使用該模塊
    1.容易導致版本沖突
    2.安裝在全局的模塊，不能基于CommonJS模塊規(guī)范調取使用
  • 安裝在本地的特點：該模塊只能供當前項目使用
    1.不能直接使用命令操作（安裝全局下可以）

• 如何做到安裝在本地的模塊可以使用命令操作

  1.把模塊安裝在本地
  2.在package.json的scripts中配置需要執(zhí)行的命令腳本

  // package.json
  "scripts": {
      [自定義命令]: [需要執(zhí)行的命令腳本]   
  }
  

  3.npm run [自定義命令] / yarn [自定義命令] 執(zhí)行腳本

  • 首先到配置清單的scripts中查找
  • 找到把后面對應的屬性值（執(zhí)行腳本）執(zhí)行
  • 執(zhí)行腳本的時候，會到本地node_modules中的bin文件加查找，沒有的話，再向NPM安裝的全局目錄下查找