前言
所謂工欲善其事，必先利其器。我們開發程式之前我們最重要的就是要設定好開發環境，接下來我們將帶領讀者體驗如何在 Windows 打造 JavaScript Web 開發環境。
安裝軟體步驟
- 下載安裝 google chrome 瀏覽器
- 下載安裝 Visual Studio Code 或 Sublime text 文字編輯器
- 下載安裝 cmder terminal 終端機程式 (請下載含 git 的 full 完整版本)
- 下載安裝 Node.JS 選擇左邊穩定版本，按照指令安裝完成
- 在終端機輸入
node -v若成功顯示版本，代表安裝完成 - 安裝 http-server 套件：
npm install http-server -g
撰寫第一個 JavaScript 程式
打開 Visual Studio Code 或 Sublime text 並建立一個 index.html 檔案：
在
index.html輸入：1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Test</title>
<script>
console.log(‘hello JS!’);
</script>
</head>
<body>
</body>
</html>儲存後在終端機移動到該檔案資料夾下，輸入
http-server -p 7777啟動伺服器- 打開瀏覽器輸入網址：http://127.0.0.1:7777 或 http://localhost:7777
- 打
開發者工具，可以在 console 中看到hello JS! - 恭喜讀者完成第一個 JavaScript 應用程式啦！
影片教學
喜歡我們的文章嗎？歡迎分享按讚給予我們支持和鼓勵！
在 Facebook 上追蹤我們，立即掌握最新和最豐富的程式設計自學資訊！
