楔子
這年頭不熟 JavaScript 好像就混不下去,所以間隔十年後,重頭再學習一下 JavaScript 的撰寫,順便透過文章撰寫來整理自己學了什麼。
第一篇就是公司新撥發的桌機,重灌環境的記錄。
撰寫環境
採用 Visual Studio Code 及 Node.js 的組合,雖然目前是在 Windows 的環境開發,但是萬一那天去買了一台蘋果的電腦,那這個組合也是適用。
環境確認
安裝完畢後重新開機,讓作業環境可以取得 Node.js 的 PATH 設定(不知道這個在蘋果的電腦需不需要),接下來就可以透過一個簡單的加法程式確認是否可以透過 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 ),讓編輯的文件可以自動儲存,但又不會經常在儲存。
擴充功能
- GitLent: 提供檢視 Git 簽入歷程。
- Bracket Pair Colorizer: 將括號以不同顏色顯示。
- Path Intellisense:提供相對路徑的自動建議。
軟體補完
後續有安裝的軟體清單。
- PostMan: 模擬 HTTP 呼叫以取得 POST/GET 的回應結果。