已經學會使用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
可避免安裝在全局