2019/0115/Vscode

方案>專案

開發環境建置

Git

Git history : 視覺化 commit 圖像 gui

Git Lens : 每行 code 是誰何時 commit

Git-autoconfig : 切換 git 使用者

gitflow : 常見版控流程

gitignore : 右鍵將檔案移出專案

Vscode Emmet

自動編輯器

ul>li*5>a

<ul>

<li><a href=""></a></li>

<li><a href=""></a></li>

<li><a href=""></a></li>

<li><a href=""></a></li>

<li><a href=""></a></li>

</ul>

ctrl + / 自動註解

Live Server

即時預覽

jason檔案設定 要雙引號" "

Node

Node Exec : F8 即時傳值預覽 JS

Terminal 終端機

Ctrl + ~ 啟動

F1 命令列

Path Intellisense

提示檔案路徑

SCSS

SASS 變數 功能 判斷式 迴圈 ...

SCSS : ( CSS之函式庫 ) 相容 CSS 之插件

SCSS lntelliSense : SASS提示

SCSS Refactoring : 把一段內容變為SASS變數

Live Sass Compiler : 即時轉譯 SASS ， 同步到 codepen 之類的

整理套件

JS-CSS-HTML Formatter 存檔時自動整理行距

規範套件

ESLINT

註解套件

Document This

snippet

類似函式 小段程式碼

空白鍵縮排比tab好較不會錯誤

Project Manager

資料夾管理

blueprint

針對資料夾直接複製整個結構

中英對照

Visual Studio

Visual Studio Code