vscode使用




常用前端開發插件

通用

  • chinese(simplified) langwage pack for visual studio code :中文語言包
  • code runner : 跑各種語言的代碼(可用於寫小Demo測試)
  • vscode-pdf :查看pdf

HTML

  • auto close tag :幫助自動補齊html閉合標簽
  • auto rename tag :重命名標簽時,自動重命名閉合標簽
  • open in browser : 在默認瀏覽器中打開html文件

JS

  • eslint :es語法檢查工具,帶部分代碼風格檢查(一般會禁用,而用prettier代碼風格)。
    注:一般有三種代碼風格:standard、airbnb、prettier,其中prettier用得最多。
  • javascript(es6) code snippets :es6常用代碼段

VUE

  • vetur :vue常用代碼段,集成prettier代碼風格

常用markdown插件

  • markdown all in one :
    • 生成/更新目錄(命令Create/Update Table of Contents,若要生成的目錄兼容github,需勾選設置里的githubCompatibility)
    • 常用快捷鍵加粗、斜體等
    • 格式化table。alt+shift+f
    • 支持特殊數學符號渲染
    • 一邊書寫一邊預覽(Ctrl + Shift + V or Ctrl + K V) (markdown preview enhanced有此功能)
    • 導出html,命令Print current document to HTML(markdown pdf有此功能,且可以導出pdf、json等)
    • ...
  • markdown preview enhanced :優化markdown預覽
  • markdown pdf :支持將.md文件導出為pdf、html等多種格式
  • markdownlint :markdown的格式檢查
  • markdown toc(markdown all in one已帶此功能) :右鍵可自動生成目錄,若生成中有aoto等亂碼,需將vscode的默認行尾字符(Eol)設為\n。

用戶設置和工作區設置的區別

用戶設置全局生效。工作區設置只在該工作區生效。
工作區的存在可以避免加載過多無用的插件。特定工作去只加載特定的插件。比如java工作區只加載jiava相關的插件。
要新建一個工作區通過文件菜單下將工作區另存為即可。

 "files.autoSave": "onFocusChange" //當失去焦點時自動保存

添加代碼段


免責聲明!

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



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