iT邦幫忙

2022 iThome 鐵人賽

DAY 2
0

Viusal Studio Code的下載網址: https://code.visualstudio.com/

打開軟體的初始畫面為
https://ithelp.ithome.com.tw/upload/images/20220917/20151466ECXriUmcTg.png

那在開始使用前,我先介紹幾個我有在使用的套件。

那為什麼要安裝這些套件呢?
很簡單,就是對之後開始打編碼時會比較輕鬆。/images/emoticon/emoticon01.gif

像是以下這些:
1.https://ithelp.ithome.com.tw/upload/images/20220917/20151466OvPV779CiA.png
點擊最左邊方格的,可以搜尋Live Server,這個套件主要功能就是可以即時看到你打出來的網頁長相。

2.https://ithelp.ithome.com.tw/upload/images/20220917/20151466BTv33mB1tj.png
再來是Prettier,這個可以一鍵就幫你整理凌亂的程式碼,像是我很常會修改東修改西的,常常程式碼都亂到找不到我在打的頭尾,這個套件就真的幫了很多我的忙。

不想裝Prettier的話,那我告訴你們一個快捷鍵,也可以達到一樣的效果喔!

在Windows : Shift + Alt + F
在Mac : Shift + Option + F
在Ubuntu : Ctrl + Shift + I

3.https://ithelp.ithome.com.tw/upload/images/20220917/20151466hOWGTciiHZ.png
打程式的時候會出現一些備註,但備註總是灰灰的,一直看單調的顏色在打程式顯得多無聊,這時候如果有多一點的顏色,是不是整個心情就被治癒了阿!/images/emoticon/emoticon24.gif

那因為我設備是windows,所以之後呈現的結果畫面都是windows的樣子,MAC可能會稍微一點點不同喔!

以上是我開賽的第二天,讓我們來期待第三天的到來吧!
加油、加油! 倒數28天。


上一篇
【DAY01 簡單介紹】
下一篇
【DAY03 設定網頁基本設置】
系列文
做一個屬於自己的網頁30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言