iT邦幫忙

2022 iThome 鐵人賽

DAY 1
1
自我挑戰組

30 天線上自學前端系列 第 6

[Day 6] [Node.js] 終端機使用 Node.js 執行 .js 檔案

  • 分享至 

  • xImage
  •  

昨天已經裝好 Node.js,以及課程裡面推薦安裝的終端機 app Hyper。Command line 跟第四天所記下的 command line 大同小異,所以主要是了解為何要裝 Node.js。

裝好 Node.js 的框架後,終端機可以執行 .js 檔案,就不用再開 chrome 了。

首先先 cd 到自己的資料夾

(base) wwwsss@wwwsssdeMacBook-Pro Desktop % cd front-end_projects

然後用 touch 創建一個 js 檔案

(base) wwwsss@wwwsssdeMacBook-Pro Desktop nodeJS % touch index.js

然後去 js 裡面先打好:

console.log('YEAH!')

接著使用 Node.js 來開啟這個檔案,再來看看他在 Hyper 裡的結果:

(base) wwwsss@wwwsssdeMacBook-Pro nodeJS % node index.js

//* YEAH!

或是也可以直接打 node 進入 Read Evaluation Print Loop。好,這個我翻成直接翻成中文也很難找到對應的人類社會體驗。Google 了一下,維基百科簡單地介紹了一下這過詞是什麼意思:

「讀取-求值-輸出」循環(英語:Read-Eval-Print Loop,簡稱REPL),也被稱做交互式頂層構件(英語:interactive toplevel),是一個簡單的,交互式的編程環境。

OK,所以接下來打了 node 之後,可以直接在 Hyper 終端機裡面執行 Javascript:

(base) wwwsss@wwwsssdeMacBook-Pro nodeJS % node
Welcome to Node.js v16.17.0.
Type ".help" for more information.
> console.log('WOW, Im in the REPL!!')
WOW, Im in the REPL!!

或是也可以寫個簡單的 function,然後再 console.log 他:

> function hello(){console.log('this is the hello function';}
function hello(){console.log('this is the hello function';}
                             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Uncaught SyntaxError: missing ) after argument list
> function hello(){console.log('this is the hello function');}
undefined

//* 顆顆少打了一個括號

> console.log(hello())
this is the hello function
> 

如果需要提示的話,先打一半,然後按下 tab

> con
//* 這邊按下「 tab 」

const        continue

console      constants

constructor
//* 出現 con- 開頭並可以用的 command

然後離開 node 的話,可以用 .exit,要有「點」在前面。

> .exit
(base) wwwsss@wwwsssdeMacBook-Pro nodeJS % 

或是按 ctrl+c 然後跟著指示走:

> 
(To exit, press Ctrl+C again or Ctrl+D or type .exit)

上一篇
[Day 5] [Node.js] 安裝 Node.js
下一篇
[Day 7] [Node.js] 試試看原生 Node 模組
系列文
30 天線上自學前端72
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言