【實用套件】Visual Studio Code必裝的套件

Visual Studio Code必裝的套件

實用插件Extension

• Vutur：vue的好插件

編譯

• LIVE Sass Compiler：編譯SASS
• Live Server：即時編譯

檢查

• ESLint：檢查JS語法錯誤
• stylint：檢查class語法錯誤
• Bracket Pair Colorizer：JS一堆括號的上色

功能

• auto rename tag：自動更改前後標籤（讚讚）
• snipper-creator：可以製作自己的snipper（讚讚）

裝飾

• Material Icon Theme：更改folder的裝飾
• Monokai Pro：VScode editor裝飾

​

【實用】Visual Studio Code超級好用的快捷鍵

Visual Studio Code的快捷鍵

▌實用快速鍵

• cmd + shift + P：在 Finder 視窗中顯示或隱藏預覽面板
• cmd+ n：開新的檔案
• cmd+ k , m：選擇檔案類型
• cmd+ b ：側邊欄開關
• cmd+ d：選取同樣的內容
• cmd+ l：選取同一行
• cmd+左右：跳行首行尾
• control + option + [ or ] ：折疊程式碼

快捷鍵設定：cmd + shift + P 搜尋keyboard

▌實用功能

• 標籤換行：view - toggle word wrap（避免橫向捲軸）
• 包裹功能：(mark) + (cmd+shift+p) + Wrap Individual Lines with abbreviation 輸入li*

▌其他

• 用terminal code快速打開專案
  啟動VS Code，輸入cmd + shift + P並鍵入shell command查找Shell Command: Install ‘code’ command in PATH command

code 專案名稱 //可以快速打開專案

• 設定僅有Editor放大、縮小

快捷鍵設定：cmd + shift + P 搜尋keyboard

​

【實用】變出漂亮的Terminal！

今天也沒有做什麼，就下載了iterm2，然後去改了一下介面這樣～


看的教學主要是這個和這個，並且還修改了一些程式碼不要顯示hostname（修改程式碼讓我開始有點工程師的feel）

（然後啊，我覺得用vim改檔案真的是很神經病，用文字編輯器開不就好ㄌㄇ）


終於擺脫討厭的終端機了