它是一個事件驅動非同步I/O單程序的服務端JS環境，基於Google的V8引擎，V8引擎執行Javascript的速度非常快，效能非常好。

  • 瀏覽器是JS的前端執行環境。
  • Node.js是JS的後端執行環境，在後端中執行無法呼叫 DOM 和 BOM 等瀏覽器內建 API。
  • nodejs呼叫服務檢視伺服器相關api gulp基礎node環境

node應用場景

建立應用服務，web開發，介面開發，客戶端應用工具  gulp webpack vue腳手架 react腳手架 小程式

一、node相關工具

1. nvm npm版本管理工具

下載地址：https://github.com/coreybutler/nvm-windows/releases

  1. 安裝前解除安裝本地 node
  2. 常見命令
    命令 功能
    nvm list/nvm ls 檢視安裝的所有node版本
    nvm list available 檢視所有node版本
    nvm install latest 安裝最新node
    nvm install 版本號 安裝指定版本
    nvm use 版本號 使用當前版本
    nvm uninstall 版本號 解除安裝指定版本

2. npm(node package manager)

1、常用命令

如果裝了git和node的，可以直接在有node_modules目錄的資料夾中，右鍵，Git Bash Here，然後輸入

功能 命令
初始化package包 npm init -y
檢視
檢視當前映象源 npm config get registry
檢視路徑 pwd
檢視當前檔案下的所有檔案 ls
檢視package包 cat package.json
檢視當前依賴包資訊 npm info 依賴名稱
檢視當前依賴版所有本號 npm view 依賴名稱 versions
下載
下載某個依賴 npm install 依賴名稱 --save
下載依賴的某個版本 npm install 依賴名稱@版本號
下載package中的依賴 npm install
刪除
刪除node_modules rm -rf node_modules
刪除依賴包 npm uninstall 依賴名稱 --save
其他
切換映象 npm config set registry https://registry.npm.taobao.org
更新 npm update
清除快取 npm cache clean --force

2、npm 安裝 git 上釋出的包

  • 這樣適合安裝公司內部的git伺服器上的專案

    npm install git+https://[email protected]:lurongtao/gp-project.git

  • 或者以ssh的方式

    npm install git+ssh://[email protected]:lurongtao/gp-project.git

3、上傳自己的依賴包

  1. 編寫一個js自定義模組並匯出 
    exports.myComputed=()=>{
    
    return '123'
    
}
  2. 初始化包描述檔案
    • npm init package.json
    {
    
"name": "包名",
    
"version": "版本",
    
"description": "module模組名",
    
"main": "檔案（xx.js）",
    
"scripts": {
    
    "test": "make test"
    
},
    
"repository": {
    
    "type": "Git",
    
    "url": "git+git地址"
    
},
    
"keywords": [
    
    "demo"
    
],
    
"author": "作者",
    
"license": "ISC",
    
"bugs": {
    
    "url": "git地址"
    
},
    
"homepage": "git地址",
    
}
  3. 登陸npm 賬號
    • https://www.npmjs.com 上面的賬號
    • npm adduser 之後會要求登入賬號密碼，郵箱
    • npm publish 釋出包到npm裡
  • 坑：403 Forbidden 
    檢視npm源：npm config get registry
    
切換npm源方法一：npm config set registry http://registry.npmjs.org
    
切換npm源方法二：nrm use npm

4、cross-env

執行跨平臺設定 & 使用環境變數指令碼

NODE_ENV環境變數將由 cross-env 設定 列印 process.env.NODE_ENV === 'production'
  1. 安裝

    npm i cross-env -D

  2. 使用package.json 
        {
    
    "scripts": {
    
        "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js"
    
    }
    
    }

3. NRM：映象源管理工具

是npm的映象源管理工具，有時候國外資源太慢，使用這個就可以快速地在 npm 源間切換。
  • 全域性安裝： npm install -g nrm
  • 檢視原： nrm ls
  • 切換源： nrm use 名稱
  • 測試速度：nrm test

4.npx:npm package extention

npm 從5.2版開始，增加了 npx 命令。它有很多用處，本文介紹該命令的主要使用場景。

Node 自帶 npm 模組，所以可以直接使用 npx 命令。萬一不能用，就要手動安裝一下npm install -g npx
  1. 解決的問題

    呼叫專案內部安裝的模組。比如，專案內部安裝了Mocha。

    只能在專案指令碼和 package.json 的scripts欄位裡面，如果想在命令列下呼叫，必須像下面這樣 
    專案的根目錄下執行
    
$ node-modules/.bin/mocha --version

    npx 就是想解決這個問題，讓專案內部安裝的模組用起來更方便，只要像下面這樣呼叫就行了。

    npx mocha --version

    執行的時候，會到node_modules/.bin路徑和環境變數$PATH裡面，檢查命令是否存在。

    • 避免全域性安裝