簡單測試 Node.js | Node.js

閱讀時間約 1 分鐘

在終端機試玩

在終端機打 node,會跳出訊息和 >,就可以開始嘗試打一些 JavaScript 語法玩玩看了,就跟我們在瀏覽器 console 打指令一樣。

raw-image

想要退出環境,鍵盤按 ctrl + C 或 ctrl + D 或 輸入 .exit


執行 JS 檔

  1. 開啟一個新的資料夾,在裡面新增 app.js 檔案,輸入 console.log('hello world'),儲存檔案
  2. 打開終端機
  3. 切換到 JS 檔案的資料夾 cd 資料夾路徑
  4. 輸入指令 node 檔案名稱
  5. 終端機會顯示執行結果 'hello world'


怎麼除錯? VS Code debug

在 VS Code 除錯可以善用 VS Code Debug 功能。

  1. 用 VS Code 打開檔案
  2. 點擊左側的蟲蟲按鈕開啟 debug 介面
  3. 點擊 run and debug 按鈕,會在下方的 debug console 顯示結果或錯誤訊息
  4. 滑鼠在程式碼行數數字的左側 hover,可以看到有紅色小圓點
  5. 點擊後就可以在該行程式碼設置斷點,執行 debug 就會在這些斷點依序停住,方便我們查看當下的變數狀態,協助判斷為何程式碼不如預期
raw-image


資料來源

  • 六角學院影片
主要放程式學習筆記,分享 Creative Coding 相關內容、作品
留言0
查看全部
發表第一個留言支持創作者!
V8 由 Google 開發的開源 JavaScript 引擎
幾乎所有的網站都一定會用到圖片和 icon,甚至可能會需要載入大量的圖片,它們也是網站中佔比最多的資源,所以透過優化這些圖片資源,就可能帶來很大的效能提升。
Code Minimize & Uglify (程式碼最小化和醜化)
使用者體驗的三個核心指標 Core Web Vitals:LCP、INP、CLS,以及 RAIL Model 介紹。
V8 由 Google 開發的開源 JavaScript 引擎
幾乎所有的網站都一定會用到圖片和 icon,甚至可能會需要載入大量的圖片,它們也是網站中佔比最多的資源,所以透過優化這些圖片資源,就可能帶來很大的效能提升。
Code Minimize & Uglify (程式碼最小化和醜化)
使用者體驗的三個核心指標 Core Web Vitals:LCP、INP、CLS,以及 RAIL Model 介紹。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
在前陣子看了電影大隻佬,大概理解片中一些因果概念,在這幾個月生活上的體驗,不管是工作,家庭生活,夫妻、朋友等日常生活,慢慢有種感覺,或許長久的未來,不一定能準確的預測,但自己可控制的短期未來,其實有些都是有跡可循的,甚至大膽一點的說,你其實可以決定那個"果"。
Thumbnail
去年在DCIG學進階二階的課程,說到進階也意味著它跟其他的課程有做出不同的難度差異,也是翻譯2500年前的古老經典得出來的智慧。今年三次課程中,DCIG進階三階躍升時刻:保送成功的信念系統檢測清單裡面沒有談到任何的種子法則,也不會給你答案,因為你要自己去尋找你的基因系統裡面,什麼信念促使你成
Thumbnail
最近在研讀單元測試的藝術這本書,也剛好因為自己對單元測試的撰寫還沒有很游刃有餘XD,但由於我是挑重點看,簡單做個內容讀後感的整理
Thumbnail
發家致富比你想的還簡單,只要能回答好一個簡單的問題,就知道你是那99%的一般苦命人還是1%的富人,我先寫出自己針對問題的看法,同樣的問題也會問ChatGPT,比較看看,或許能參考學習。
Thumbnail
翻譯題目-題二: 在說出我的答案之前,讓我們仔細分析一下句子中可以翻譯以及值得留意的部份......
Thumbnail
用一個更準確(precise)的字才是首要任務,字的意思正確(correct)只是基本條件,如果要拿高分,只是正確是不夠的。
Thumbnail
明治34年(1901年)11月,在樸仔腳(今朴子市)發生了大規模抗日動亂,抗日者趁著日人慶祝「新嘗祭」之機,對樸仔腳官署發起突擊,造成11位日本人罹難。 三位年輕日籍教師-小泉順、佐分利山三、岡辰二郎幸運逃過一劫,事後記錄下此次事件的來龍去脈。他們的經歷某種程度上代表著台灣現代教育草創期的惡劣狀況。
Thumbnail
明治39年(1906年)3月17日,嘉義梅仔坑發生驚天動地的大地震。凌晨6時43分,約莫是農村人家正在吃早餐、準備開始一天辛勞的時候;突如其來的烈震,震碎了大家的平靜生活... 這次分享的故事講到,三秀園主張禎祥年少時曾就教的兩位日籍校長,他們的特殊經歷說明了日治初期在台灣當老師是多麼危險的事...
Thumbnail
前言 前陣子看到臉書與PTT有人分享台北有財神廟推出可以幫你用AI人工智慧預測未來股價的APP,在留言區造成很多網友的迴響,連我也覺得十分酷炫。(但有網友質疑APP程式來源的真偽性,我在 GOOGLE地圖上也查不到台北有這間廟,不建議大家下載使用) 其實AI人工智慧投資早已不是新聞,在國外早有許多
Thumbnail
無[CAPB]兩性離子型表活~僅[PEG-40 Hydrogenated Castor Oil]的非離子型表活→泡泡精華(劑型)→理論: 更溫和、更適合肌膚作為「停留型」保養品用... 實驗結果:泡泡精華「有vs.無-CAPB表活」→泡泡【綿密度&持久性】比較... 
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
在前陣子看了電影大隻佬,大概理解片中一些因果概念,在這幾個月生活上的體驗,不管是工作,家庭生活,夫妻、朋友等日常生活,慢慢有種感覺,或許長久的未來,不一定能準確的預測,但自己可控制的短期未來,其實有些都是有跡可循的,甚至大膽一點的說,你其實可以決定那個"果"。
Thumbnail
去年在DCIG學進階二階的課程,說到進階也意味著它跟其他的課程有做出不同的難度差異,也是翻譯2500年前的古老經典得出來的智慧。今年三次課程中,DCIG進階三階躍升時刻:保送成功的信念系統檢測清單裡面沒有談到任何的種子法則,也不會給你答案,因為你要自己去尋找你的基因系統裡面,什麼信念促使你成
Thumbnail
最近在研讀單元測試的藝術這本書,也剛好因為自己對單元測試的撰寫還沒有很游刃有餘XD,但由於我是挑重點看,簡單做個內容讀後感的整理
Thumbnail
發家致富比你想的還簡單,只要能回答好一個簡單的問題,就知道你是那99%的一般苦命人還是1%的富人,我先寫出自己針對問題的看法,同樣的問題也會問ChatGPT,比較看看,或許能參考學習。
Thumbnail
翻譯題目-題二: 在說出我的答案之前,讓我們仔細分析一下句子中可以翻譯以及值得留意的部份......
Thumbnail
用一個更準確(precise)的字才是首要任務,字的意思正確(correct)只是基本條件,如果要拿高分,只是正確是不夠的。
Thumbnail
明治34年(1901年)11月,在樸仔腳(今朴子市)發生了大規模抗日動亂,抗日者趁著日人慶祝「新嘗祭」之機,對樸仔腳官署發起突擊,造成11位日本人罹難。 三位年輕日籍教師-小泉順、佐分利山三、岡辰二郎幸運逃過一劫,事後記錄下此次事件的來龍去脈。他們的經歷某種程度上代表著台灣現代教育草創期的惡劣狀況。
Thumbnail
明治39年(1906年)3月17日,嘉義梅仔坑發生驚天動地的大地震。凌晨6時43分,約莫是農村人家正在吃早餐、準備開始一天辛勞的時候;突如其來的烈震,震碎了大家的平靜生活... 這次分享的故事講到,三秀園主張禎祥年少時曾就教的兩位日籍校長,他們的特殊經歷說明了日治初期在台灣當老師是多麼危險的事...
Thumbnail
前言 前陣子看到臉書與PTT有人分享台北有財神廟推出可以幫你用AI人工智慧預測未來股價的APP,在留言區造成很多網友的迴響,連我也覺得十分酷炫。(但有網友質疑APP程式來源的真偽性,我在 GOOGLE地圖上也查不到台北有這間廟,不建議大家下載使用) 其實AI人工智慧投資早已不是新聞,在國外早有許多
Thumbnail
無[CAPB]兩性離子型表活~僅[PEG-40 Hydrogenated Castor Oil]的非離子型表活→泡泡精華(劑型)→理論: 更溫和、更適合肌膚作為「停留型」保養品用... 實驗結果:泡泡精華「有vs.無-CAPB表活」→泡泡【綿密度&持久性】比較...