iT邦幫忙

2021 iThome 鐵人賽
DAY 5
0
Modern Web

我的網頁前端小小小教室系列 第 5 篇

Day5 網頁製作環境建設

13th鐵人賽
871 瀏覽

  • 分享至 

  • xImage
    •  

在開始寫網頁前，我們要先把所需的工具準備好，就像鎖螺絲需要用螺絲起子一樣，寫網頁我們要準備好我們的編輯器!當然，編輯器不會只有一種，而今天要分享我常用的編輯器VScode，以及一些方便的外掛讓你使用上更加迅速方便。

首先我們要到VScode官網，然後直接按下Download。(當然要搭配你電腦適合的作業系統版本)。

接下來順著安裝嚮導下一步到順利安裝完成。

這樣VScode就順利下載完成了!這邊推薦幾個我平常使用的外掛程式。

1.Live Server(讓你可以即時看到修改後的網頁)

2.Bracket Pair Colorizer(讓你的括號有顏色區分，較不易搞混)

3.Auto Rename Tag(會把標籤前後同步修改)

4.Prettier(自動格式化排版程式碼)

記得要將設定調成always，以及(formatter on save)打勾

這樣我們的工具就準備好了!明天開始我們將介紹html基本會用到的標籤!


上一篇
Day4 Javascript介紹
下一篇
Day6 Html標籤_1
系列文
我的網頁前端小小小教室 共 30 篇
  1. 26
    Day26 Bootstrap建立網頁
  2. 27
    Day27 Javascript元件庫 Jquery介紹
  3. 28
    Day28 JQuery應用
  4. 29
    Day29 JQuery蓋板廣告應用
  5. 30
    Day30 JQuery 控制CSS
完整目錄
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

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