環境：

• window10x64 專業版
• node-v14.15.1-x64.msi

一、安裝包的下載

• 官網：https://nodejs.org/en/download/

• 網盤：

  連結：https://pan.baidu.com/s/1KbBPHA369Wm71Dy5Q4Eizw
  提取碼：1s4x

二、安裝過程

傻瓜式安裝，除了修改一下安裝目錄，其他的用預設即可。

安裝目錄最好不要有空格，我這裡選的是 D:\nodejs

三、安裝後的變化

3.1 安裝後的目錄如下

安裝後已經自帶了npm。

安裝後在當前使用者目錄下多了一個npm資料夾，不過是空的，如下：

3.2 安裝後的環境變數

檢查Path環境變數如下：

正因為nodejs自動將安裝目錄配置到了Path中，所以我們在命令列中直接輸入node，cmd就會自動找到D:\nodejs\node.exe並執行。同理，D:\nodejs目錄下的npm.cmd和npx.cmd也讓我們可以在命令列中執行命令npm和npx。

四、node常用命令

• 檢視node版本：node --version或 node -v
  

• 檢視node幫助： node --help
  

• 檢視node.exe所在目錄（也即：nodejs的安裝目錄）：where node
  

  注意：我是在window10下的cmd中執行的

• 執行指定的js指令碼： node index.js
  

• 進入互動式執行環境： node
  

  注意：雖然我們沒有將互動的命令儲存，但nodejs還是預設給我們儲存了，看檔案C:\Users\Jackletter\.node_repl_history：
  

五、關於npm

npm是node下的包管理工具，我們可以從npm的倉庫裡下載包，也可以釋出包，它是隨著nodejs的安裝而安裝的。

npm常用命令：

• 檢視npm版本 npm -v或 npm --version
  

• 檢視npm配置項 npm config list：
  

• 檢視npm所有的配置npm config ls -l：
  

  上面配置較多，不好檢視，可以使用npm config ls -l >1.txt命令將結果輸出到檔案中。
  上面配置項中重要的部分：

  • 倉庫地址： metrics-registry = "https://registry.npmjs.org/"
  • prefix = “C:\Users\Jackletter\AppData\Roaming\npm”
  • 快取路徑：prefix = "C:\\Users\\Jackletter\\AppData\\Roaming\\npm"
  • 全域性配置： globalconfig = "C:\\Users\\Jackletter\\AppData\\Roaming\\npm\\etc\\npmrc"
  • 全域性版本忽略檔案：globalignorefile = "C:\\Users\\Jackletter\\AppData\\Roaming\\npm\\etc\\npmignore"
  • 初始化模組：init-module = "C:\\Users\\Jackletter\\.npm-init.js"
  • npm init使用的一些配置：
    
  • 倉庫地址：registry = "https://registry.npmjs.org/"
  • 使用的指令碼程式：shell = "C:\\Windows\\system32\\cmd.exe"
  • 臨時目錄：tmp = "C:\\Users\\JACKLE~1\\AppData\\Local\\Temp"
  • 使用者配置檔案：userconfig = "C:\\Users\\Jackletter\\.npmrc"

• 檢視npm倉庫地址npm config get registry：
  

• 設定npm倉庫地址npm config set registry http://registry.npm.taobao.org/
  

  設定完成後，檢視 C:\Users\Jackletter\.npmrc檔案中已做了記錄：
  

• 檢視當前包安裝路徑 npm root，檢視全域性包安裝路徑npm root -g：
  

• 安裝指定包 npm install koa
  

  可以看到，將koa的最新版本包安裝到了node_modules目錄下，並生成pack-lock.json檔案。
  注意：安裝的時候會將koa所有的依賴包都安裝到node_modules下面，package-lock.json檔案裡精確記錄著所有下載了包的名稱/版本/地址。
  
  

• 移除包 npm uninstall koa:

  注意，這個命令僅移除指定的包！

• 安裝指定版本的包 npm install koa@2.6.0：

• 安裝指定scope的包 npm install @vue/cli

  注意：這裡的scope是vue（必須以@開頭），scope的作用是為了方便管理一系列關聯的包，它們安裝在客戶端後會放在一個目錄裡，如：
  
  關於scope解釋：https://www.jianshu.com/p/ac5b5f65320b

• 初始化一個目錄作為工程位置 npm init

  
  初始化後的檔案內容：

• 安裝指定包並儲存到package.json中 npm install jquery --save：

  
  注意：需要先建立package.json檔案才能將安裝的包新增進去

• 安裝指定的包，並儲存到package.json中，作為開發環境依賴npm install @vue/cli --save-dev：
  

• 根據當前目錄package.json檔案中的描述安裝依賴包 npm install或npm i

• 安裝包到全域性 npm install @vue/cli -g：

  安裝完成後，全域性目錄裡面已經有了：
  
  而這個目錄在當前使用者的環境變數裡：
  
  所以我們可以在命令列中直接執行vue ui，如下：
  

• npm run命令
  待續。。。

• npx 待續

• npm工程

六、瀏覽器除錯