iT邦幫忙

2022 iThome 鐵人賽

DAY 7
0
自我挑戰組

30天製作專題紀錄-虛擬女友系列 第 7

Day7 30天製作專題紀錄-製作UI

  • 分享至 

  • xImage
  •  

在寫網頁的時候發現了一個好用的插件~

順勢來介紹給各位/images/emoticon/emoticon12.gif


小白使用的是Visual Studio Code這個平台

就是大家俗稱的VSCode/images/emoticon/emoticon34.gif

VSCode是跨平台的免費原始碼編輯器,支援非常多的程式語言。

其中最方便的是可以透過內建的擴充元件程式商店安裝擴充元件以加強軟體功能。

打開VSCode後,平台的左窗格有個延伸模組(Extensions)

也可利用快捷鍵Ctrl+Shift+X

延伸模組


Live server

在延伸模組中搜尋Live server

Live server

  • 使用方法
    Install好插件後平台底下就會出現Go Live

Go Live
點選後就會直接跳出網頁,當網頁內容儲存馬上反應在瀏覽器的預覽頁面上

而擴充的伺服器預設Port為5500,所以不太會跟其他軟體發生衝突~

是不是很方便呢/images/emoticon/emoticon07.gif


上一篇
Day6 30天製作專題紀錄-製作UI
下一篇
Day8 30天製作專題紀錄-製作UI
系列文
30天製作專題紀錄-虛擬女友30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言