iT邦幫忙

2022 iThome 鐵人賽

DAY 3
0
Modern Web

30天淺嘗主流前端設計系列 第 3

DAY3 做網站的起點-一個好環境~

  • 分享至 

  • xImage
  •  

DAY3 做網站的起點-一個好環境~

** Visual Studio code**
這次我們要使用的是一款非常強大且功能齊全的編輯器,visual studio code是在2016年由微軟發布的一個跨平台免費軟體,擁有許多個人化的設定及許多方便的外掛程式供使用者自行選取,是我個人非常推薦的程式編輯器!
官方網站:https://code.visualstudio.com/
下載完後就正式來設定好一個好的環境吧! 底下這邊是幾個我推薦的外掛模組,會使整體的設計體驗大大提升~
** vs code中文介面套件**
https://ithelp.ithome.com.tw/upload/images/20220914/20151970kt7cPvimM5.png
** Auto close tag** 能夠在打上起始標籤後就自動加上閉合標籤!是不是很方便~~~
https://ithelp.ithome.com.tw/upload/images/20220914/20151970WBhEhz5p3Y.png
** Live Server** 能夠在你設計的網頁正在運行時也能夠直接撰改程式碼並及時更新呈現內容!
https://ithelp.ithome.com.tw/upload/images/20220914/20151970DwCSNIiB5q.png
是今天的內容,有了上述幾個模組,寫程式的過程也許會變得稍微有趣些~

  • 期待下一篇:起跑!打出第一個自己的網頁內容~*

上一篇
DAY2 網頁前端的基本介紹
下一篇
DAY4 起跑! 打出第一個自己的網頁內容~(悲劇)
系列文
30天淺嘗主流前端設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言