返回
Featured image of post NodeJS - 操作入門

NodeJS - 操作入門

NodeJS 該如何操作這個系統架構呢?

已經學會使用nvm去做不同版本的Node下載了,接下來我會使用目前lts版本的v12.18.1,去介紹基本的Node運用:

前置作業

Step1 - 確認目前 Nodenpm 版本

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 可避免安裝在全局

Licensed under CC BY-NC-SA 4.0
comments powered by Disqus