#001-建立 JavaScript 撰寫環境

Mar 25, 2020




楔子

這年頭不熟 JavaScript 好像就混不下去,所以間隔十年後,重頭再學習一下 JavaScript 的撰寫,順便透過文章撰寫來整理自己學了什麼。

第一篇就是公司新撥發的桌機,重灌環境的記錄。

撰寫環境

採用 Visual Studio CodeNode.js 的組合,雖然目前是在 Windows 的環境開發,但是萬一那天去買了一台蘋果的電腦,那這個組合也是適用。

環境確認

安裝完畢後重新開機,讓作業環境可以取得 Node.jsPATH 設定(不知道這個在蘋果的電腦需不需要),接下來就可以透過一個簡單的加法程式確認是否可以透過 Visual Studio Code 的介面執行 JavaScript 程式及顯示結果。

可以參考以下程式碼:

function Add(n1, n2){
    return n1 + n2;
}
var nInput1 = 1;
var nInput2 = 2;
var nSummary = Add(nInput1, nInput2);
console.log(nSummary);

切換到 Visual Studio Code 的側邊的 Run(Ctrl+Shift+D) 然後按下 F5 後就可以在 OUTPUT(輸出) 視窗看到執行結果,同時也可以設定中斷點,逐步偵錯。

功能設定

  • Auto Save: [File]->[Auto Save] 設定 VSCode 自動儲存編輯結果,可以透過設定調整儲存的時機,例如可以設定在視窗切換時自動儲存( onWindowChange ),讓編輯的文件可以自動儲存,但又不會經常在儲存。

擴充功能

軟體補完

後續有安裝的軟體清單。

  • PostMan: 模擬 HTTP 呼叫以取得 POST/GET 的回應結果。