VScode插件以及配置


  • Auto Rename Tag —— 自動同步修改標簽
  • AutoFileName —— 自動補全路徑提示
  • background —— 一個萌萌的插件,可以自己設置vsc的背景圖
  • Bootstrap 3 Snippets —— bootstrap必備
  • Debugger for Chrome —— 方便調試
  • Document This —— Js的注釋模板
  • ESLint —— 檢測JS必備
  • Easy Less —— less文件自動實時編譯成css
  • GBKtoUTF8
  • Git History (git log)
  • HTML CSS Support —— css自動補齊
  • HTML Snippets —— 支持HTML5的標簽提示
  • JavaScript (ES6) code snippets
  • jQuery Code Snippets —— jquery 自動提示
  • JS-CSS-HTML Formatter —— 代碼對齊。每次保存代碼的時候它會自動對齊代碼
  • Markdown Theme Kit —— 主題
  • Dracula —— 主題
  • node-readme
  • Npm Intellisense —— npm包代碼提示
  • One Dark Theme —— 一款背景主題
  • Path Intellisense —— 路徑自動補全
  • Project Manager
  • Sort lines
  • Typings Installer —— 安裝vscode 的代碼提示依賴庫,基於typtings的,比如提示angular或者jQuery智能感知
  • vetur —— 目前比較好的Vue語法高亮
  //vetur的配置[文件-首選項-設置]在右側覆蓋~ "emmet.syntaxProfiles": { "vue-html": "html", "vue": "html" }, "eslint.validate": [ "javascript", "javascriptreact", "vue" ], "files.associations": { "*.vue": "vue" } 
  • View In Browser——在瀏覽器中預覽頁面(ctrl+F1)
  • VS Color Picker——拾色器
  • vscode-icons——讓vscode資源目錄加上圖標
  • vue
  • Vue 2 Snippets——vue2語法高亮


作者:劉聖凱
鏈接:https://www.jianshu.com/p/42f47e4155d2
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯系作者獲得授權並注明出處。


免責聲明!

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



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