已經學會使用nvm去做不同版本的Node下載了,接下來我會使用目前lts版本的v12.18.1,去介紹基本的Node運用:
前置作業
Step1 - 確認目前 Node 與 npm 版本
node -v
v12.18.1
npm -v
6.14.5
Step2 - 使用 npm 套件管理
新增一個專案資料夾並進入專案
npm init -y
就會自動生成一個 package.json
教學開始
目前專案:
example
|- package.json
Node 怎麼讀取 JS?
可以嘗試新增一個 index.js
console.log("Hello World.")
在這個專案下面終端機介面輸入
node ./index.js
Hello World.
這樣就完成一個簡單的讀取JS的動作
npm 基礎使用
package.json 常用介紹
{
"name": "專案名稱",
"version": "版本",
"description": "專案描述概論",
"main": "提供給其他使用者了解入口檔案",
"scripts": {
"key": "value"
},
"keywords": ["關鍵字"],
"author": "作者名稱",
"license": "ISC"
...還有一些字段
}
script說明
script使用 npm run [key]所執行相關的終端機指令
將其 script 修改成這樣
"scripts": {
"start": "node ./index.js"
}
在這個專案下面終端機介面輸入
npm run start
Hello World.
如何傳入環境變數?
index.js修改成
console.log(process.env.KEY)
package.json中的scripts修改成
"scripts":{
"start": "KEY=HelloWorld node ./index.js"
}
在這個專案下面終端機介面輸入
npm run start
Hello World.
dependencies / devDependencies說明
這兩個差別差在說明上,分別為主依賴套件/開發依賴套件。
在抓取npm相關套件時可多加參數會分別安裝至其區域。
// 安裝至 `dependencies` 字段
npm install [package]
or
npm install [package] --save
// 安裝至 `devDependencies` 字段
npm install [package] --save-dev
or
npm install [package] -D
通常若是 測試相關/編譯套件/非上線狀態使用套件 會安裝至 devDependencies
進階 npx
在npm v5.2中,添加了npx,這項功能代替了以前要將CLI套件強制安裝在global全局,或是從node_modules海中慢慢找到CLI套件。
以測試套件 mocha套件為例:
npm install mocha -D
node-modules/.bin/mocha --version // 即可呼叫
npx mocha --version // 即可呼叫
npx 會自動去 node_modules/.bin 尋找環境變數,看看 mocha 是否存在,如果存在就執行它。npx 可避免安裝在全局
