VScode前端插件神器


vscode插件安裝

  • Atom One Dark Theme 主題
  • VSCode Great Icons 圖標主題
  • Beautify 美化vscode代碼
  • Bracket Pair Colorizer 每一對括號用不同顏色區別 (括號強迫症必備)
  • indent-rainbow 凸顯縮進,讓你的縮進一目了然
  • Prettier 格式化,使用標准風格,快捷鍵 alt+shift +F
  • EditorConfig for VS Code vscode的配置文件
  • cssrem 將css中的px自動轉換為rem.再也不用計算器了(大漠大神推介)
  • Code Runner node,python等代碼不必開命令行即可運行
  • Eslint 語法檢測
  • GitLens 在代碼中顯示每一行代碼的提交歷史
  • HTML CSS Support vscode對html,css文件支持,便於你快速書寫屬性
  • Vetur 添加對.vue后綴文件的快速書寫支持。
  • Vue 2 Snippets 快速新建vue頁面(參考我另一篇文章)
  • React Native Tools 添加對 React Native項目的支持,快速書寫es6以及jsx
  • C/C++ 運行React Native項目時,有些文件的查看需要這個
  • View In Browser 迅速通過瀏覽器打開html文件
  • Sublime Text Keymap 啟動sublimeText的快捷鍵配置。vscode上面自有一套快捷鍵設定,個人習慣sublime快捷鍵
  • markdownlint 書寫md文件的預覽插件
  • Path Intellisense 路徑識別苦戰,比如書寫圖片路徑時。遺憾就是,對webpack項目中的路徑別名無法擴展
  • npm Intellisense 在import語句中,自動填充npm模塊。
  • language-stylus CSS預處理器,styl后綴文件的識別擴展
  • Settings Sync 用於同步vscode配置,多台電腦一份配置(相對而言配置復雜,可不安裝)
  • filesize 在底部狀態欄左側,顯示當前文件大小,還可以點擊喲
  • Document This 快速生成注釋,注意只對類和函數有效。快捷鍵 Ctrl+Alt+D
  • Live Server 快速啟動一個本地服務器
  • Python 添加對.py文件的支持,畢竟tab與空格的痛苦,寫過python的都知道
  • Flutter 2018是 Flutter 最火爆的一年,2019持續爆炸


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM