iT邦幫忙

2022 iThome 鐵人賽
DAY 1
0
自我挑戰組

那些八年級生的經典迷你遊戲，前端JS自學之路系列 第 1 篇

環境設定

14th鐵人賽
465 瀏覽

  • 分享至 

  • xImage
    •  

所有起頭前，都需要一個環境
因此第一天先以環境設定，以及接下來預期會參考的學習資源作為內容。

環境設定

visual studio code

原因是裡頭有些套件可以在輕量的環境下，就能把結果呈現出來，所安裝的套件分別有

Live server

快速建立一個local server, 並動態分配port使用
安裝後在右下角會出現Go Live字樣。點擊後，即可開啟local server進行測試 (圖2.)
圖1. https://ithelp.ithome.com.tw/upload/images/20220916/20112674FnzAZaTtnp.png
圖2. https://ithelp.ithome.com.tw/upload/images/20220916/20112674Cx2Xep7kpY.png

vim: 已經習慣用 vim 撰寫各種程式，所以儘管初學 JS，也還是立刻裝上

參考資源

  1. w3school: 提供豐富的程式使用範例且能在上面立即簡單測試
    https://ithelp.ithome.com.tw/upload/images/20220916/20112674aKsdCNp5fY.png
  2. MDN web docs: 較為主題型的漸進式學習網站
    https://ithelp.ithome.com.tw/upload/images/20220916/20112674lti81juUP2.png

下一篇
暖身遊戲 - 1A2B
系列文
那些八年級生的經典迷你遊戲，前端JS自學之路 共 20 篇
  1. 16
    小朋友下樓梯 事前準備 - CSS 學習計畫
  2. 17
    CSS學習 - Positioning scheme (定位結構)
  3. 18
    CSS 學習 - Overlapping and floating element
  4. 19
    CSS 學習 - 使用float擺放的注意事項
  5. 20
    小朋友下樓梯 - 遊戲說明與元素
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
105 組
團體組數
1 組
累計文章數
104 篇
最後報名日
9/15
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙