iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 1
0
Modern Web

Ariel 的初學網頁設計筆記系列 第 1

Day1: 自己使用 VScode 網頁編輯器の插件

  • 外觀

⧕ indent-rainbow
增加視覺舒適度,顏色區分上更加美觀

⧕ One Dark Pro
美化編輯器外觀

⧕ vscode-icons
icon 主題

  • 功能

⧕ Chinese (Traditional) Language Pack for Visual Studio Code
切換成繁體中文

⧕ Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pr
Bootstrap 4 插件

⧕ cdnjs
按下 F1,輸入 cdnjs,快速查找cdn
前端資料庫:http://cdnjs.com/

⧕ ESLint
修正程式碼、統一符號,貼心提高準確度

⧕ Live Server
按下下方的 Go Live,預覽網頁

⧕ Preview on Web Server
在電腦上螢幕顯示網頁預覽

⧕ Live Sass Compiler
擴充功能支援即時編譯 Sass 成 CSS

⧕ Path Intellisense
輸入路徑的時候如果可以自動補齊剩下文字

⧕ Prettier - Code formatter
協助存擋時,自動規格化程式碼

⧕ Git History
Git 版本控制

https://ithelp.ithome.com.tw/upload/images/20200915/201278869avOqgmDyg.png


下一篇
Day2: HTML之區塊元素與行內元素
系列文
Ariel 的初學網頁設計筆記4

尚未有邦友留言

立即登入留言