(1) 要先安裝 nvm (Node Version Manager) 用來管理多個 Node.js 版本
Linux 開發者
執行以下其中一個既可
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.32.1/install.sh | bashwget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.32.1/install.sh | bash
(2) nvm -version 測試版本
nvm 常用指令
| 指令 | 說明 |
|---|---|
nvm install [version] |
安裝 Node.js 的 [version] 版本 |
nvm uninstall [version] |
移除 Node.js 的 [version] 版本 |
nvm ls |
列出 Local 所有的 Node.js 版本 |
nvm ls-remote |
列出 Remote 所有的 Node.js 版本 |
nvm alias default [version] |
指令以後預設啟用的 Node.js 版本 |
nvm use [version] |
使用 [version] 版本，但不更改預設啟用的版本 |
(3)用 nvm 安裝 node.js
3.1 請使用 $nvm install <version> 安裝 node.js 版本，這些版本會實際放在 /usr/local/n/資料夾
3.2 nvm install v12.11.1
3.3 node -v
(base) kktxt1103@host1:~$ node -v
v12.11.1
3.4 利用上面的指令管理node.js 的版本
(4) 安裝 NPM
NPM 是 Node Package Manager 的簡稱，它是一個線上套件庫，可以下載各式各樣的 Javascript 套件來使用。
⚠️Node.js已經內建npm.
npm -v 檢視版本。
npm help 檢視幫助
npm help <command> 檢視具體命令幫助
npm search <套件名字>， 例子：npm search coffee-script, 會在螢幕上顯示結果列表。
npm install <套件名字>， 安裝到當前目錄下的node_modules資料夾內。
例如:npm install jquery ，來完成安裝 jquery。
全域性安裝global:
npm install -g <套件名字>， 告訴npm這次安裝在整個機器上，而不是當前的程式。
npm view <command | 包的名字> , 檢視註冊資訊。
安裝套件的位置
每個用 npm 安裝的套件，一律放在 node_modules 資料夾裡，以剛剛安裝的 jquery 來說，我們可以在 node_modules/jquery/dist/jquery.min.js 找到 最小化的 jquery 的版本。
| NPM 指令 / Yarn 指令 | 說明 |
|---|---|
npm init / yarn init |
初始化，會產生 package.json ( 可以參考 官網說明) |
npm install / yarn install |
安裝 package.json 設定的 packages |
npm install [package] / yarn add [package] |
安裝 [package] ； NPM 後面加 --save ( Yarn 不必加 ) 、 --save-dev ( Yarn 是 --dev ) 會存入 package.json 裡，加 -g 則安裝到全域 ( Yarn 則是 yarn global add [package] ) |
npm uninstall [package] / yarn remove [package] |
移除 [package] ，後面一樣可以加 --save 、 --save-dev 、 -g |
npm update / yarn upgrade |
更新 Local 的所有 Packages |
註：若想了解更多 package.json 的設定可以到 官網
(5) NPX
npx 是什麼？
npm v5.2.0引入的一條命令（npx），引入這個命令的目的是為了提升開發者使用包內提供的命令列工具的體驗。
舉例：使用create-react-app建立一個react專案。
老方法：
npm install -g create-react-app
create-react-app my-app
npx方式：
npx create-react-app my-app
這條命令會臨時安裝 create-react-app 包，命令完成後create-react-app 會刪掉，不會出現在 global 中。下次再執行，還是會重新臨時安裝。
npx 會幫你執行依賴包裡的二進位制檔案。
(6)
npx create-react-app my-app //利用npx create-react-app 建構專案
cd my-app // 移動至專案目錄下
留言列表
