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
Last updated