iT邦幫忙

0

2022新年挑戰 - 7 days for Javascript(Day 1 - Developer Set Up)

  • 分享至 

  • xImage
  •  

因為在工作上, 基本上碰不到Javascript, 感覺再不複習一下, 就要忘光光了 (汗)
所以決定找個線上課程follow一下, 在這個新年假期, 也充實一下Javascript功力!

第一步:

環境建置

  • 安裝Git
    網址(for windows): https://gitforwindows.org/
    其實只要跟著指示安裝即可, 但有幾個設定可以調整一下!
  1. 將git功能加入右鍵下拉選單
    https://ithelp.ithome.com.tw/upload/images/20220130/20137152pbPJMimqQL.png
    安裝完後, 案右鍵時, 就可以看到Git功能鍵, 如可以在此路徑直接開啟Terminal下指令
    https://ithelp.ithome.com.tw/upload/images/20220130/20137152lHB846IsbG.png
  2. 將VS code設為Default editor
    https://ithelp.ithome.com.tw/upload/images/20220130/20137152N9lY3bDtlQ.png
  • 安裝VS code
    也是跟著指示安裝即可, 一樣可以將VS code加到右鍵下拉選單, 這樣便可直接針對某的資料夾開啟VS code編輯~

  • 安裝VS code的幾個常用的插件

  1. Color Highlight => 將顯示#顏色碼實際的顏色
  2. Live Server => 即時顯示你的修改在網頁上
  • 建立Template版本資料夾
    包含了一個index.html頁面, 一個css範本檔, 一個js範本
    引用自訂的css和js到html, 以及建立專屬的網頁icon
    並引用這課程推薦的font-awesome api (裡面有許多免費的icon可以使用)

Tip: Vs code一開始在編輯的html檔, 打上 ! 按下enter後, 就會主動幫你生成所需要的標籤
https://ithelp.ithome.com.tw/upload/images/20220130/20137152p2VFCdtd4p.png
https://ithelp.ithome.com.tw/upload/images/20220130/20137152qlCSGvKoVK.png
https://ithelp.ithome.com.tw/upload/images/20220130/20137152P2W1745Zim.png
https://ithelp.ithome.com.tw/upload/images/20220130/20137152J7y8bifQLS.png

前置作業就都完成了!
Let's jump into my first project!


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言