vscode - plugs

vscode - plugs

代码段

  1. Vetur
  2. Vue 3 Snippets
  3. Vue VSCode Snippets
  4. HTML Snippets html代码段
  5. JavaScript (ES6) code snippets
  6. ES7 React/Redux/GraphQL/React-Native snippets

代码检查和格式化

  1. vue-beautify
  2. Prettier ESlint
  3. Prettier - Code formatter
    1. 各种代码格式化，只关注格式化，并不具有eslint检查语法等能力，只关心格式化文件(最大长度、混合标签和空格、引用样式等)，包括JavaScript · Flow · TypeScript · CSS · SCSS · Less · JSX · Vue · GraphQL · JSON · Markdown
  4. ESlint
    1. 检查javascript语法检查和代码规范，不包括css，html
  5. vscode-icons 文件图标显示，不同文件不同图标
  6. Bracket Pair Colorizer
  7. Bracket Pair Colorizer 2括号对齐，可以改变括号相应的颜色方便找到匹配括号
  8. Beautify
  9. Beautiful css/sass/scss/less
  10. Auto Close Tag 自动关闭标签
  11. Auto Rename Tag 标签重命名
  12. Highlight Matching Tag
  13. Trailing Spaces 尾部空格删除插件，高亮空格，并提供了一键删除。
  14. Code Spell Checker拼写检查
  15. Color Highlight颜色高亮
  16. Tabnine AI
    1. 智能代码完成工具，能够以更快的速度完成代码，并且错误更少， 其支持多种语言，还具备记忆功能

注释

  1. Document This
    1. 为TypeScript和JavaScript文件生成详细的JSDoc注释
  2. vscode-fileheader
    1. 生成文件备注
    2. 如果你觉得这些信息还不够，koroFileHeader 提供更督导的注释， 也同时支持生成函数注释。
  3. koroFileHeader
    1. 用于一键生成文件头部注释并自动更新最后编辑人和编辑时间、函数注释自动生成和参数提取。
  4. Parser JSDoc 给方法添加JSDoc
  5. autoAnnotation
    1. 在vscode中用于生成函数注释的插件~目前仅支持Bone.js注释格式

postman

  1. Postcode
  2. vsc-postman

Git

  1. Git History
  2. GitLens
  3. SVN
  4. Git History Diff
  5. autoCommit

Markdown

  1. typora
  2. Markdown PDF
    1. markdown转PDF
  3. Markdown Preview Enhanced
    1. markdown编辑和预览
    2. 让你一边编辑markdonwn一边预览
    3. 如果需要更多功能比如 TODO, 或者多行同时修改等, Markdown All in One 是不错的选择。
  4. Markdown All in One

else

  1. debugger for Chrome
  2. scode-js-debug
    1. 可用于调试Node.js、 Chrome、 Edge、 WebView2、 VS Code 扩展等等，替换 Debugger for Chrome 插件。 其还可以调试Service Worker, Web Worker, 功能是异常的强大。
  3. Image Preview 图片预览
    1. CSS编写，再也担心写错图片地址啦！
    2. 其支持在html和css文件里面，当有使用图片路径的时候，在左边实现小的预览器，一眼就知对与错。
  4. JSON to TS json转为TS申明
  5. Chinese
  6. CSS Modules
  7. CSS Peek css定位器
  8. Color Info
    1. 这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。
  9. JS JSX Snippets
  10. JQuery Code Snippets
  11. Live Server 静态服务器
  12. 为静态和动态页面启动具有实时重载特性的本地开发服务器。
  13. Code Runner 代码运行器
  14. 一键运行多种语言运行代码片段或代码文件: c，c + + ，Java，JavaScript，PHP，Python，Perl，Perl 6，Ruby，Go，Lua，Groovy，PowerShell，BAT/CMD，BASH/SH，f # Script，f # (。NET 核心) ，c # 脚本
  15. open in browser
  16. Path Intellisense 引用路径智能提示
  17. px to rem&rem (cssrem)
  18. Quokka.js 直接显示变量结果
  19. Settings Sync
    1. vscode setting sync配置及使用
  20. Todo Tree
  21. Typescript React code snippets
  22. vscode weapp api
  23. wechat-snippet
  24. wxapp-helper
  25. WXML - Language Service
  26. npm npm扩展
    1. 这个扩展支持运行 package.json 文件中定义的 npm 脚本，并根据 package.json 中定义的依赖项验证已安装的模块。 是不是很酷！
  27. npm Intellisense
    1. npm模块导入智能提示
  28. Import Cost依赖包大小提示
  29. DotENV env文件高亮
  30. Wrap Console Log Lite 快捷的输出变量
    1. 我们经常使用console.log输出变量来查看执行情况，这插件，直接给你生成出书代码，懒的可以啊，懒到极致。
  31. REST Client rest请求
    1. 想请求某个站点的接口，axios?, express? , No No No , 打开VS code直接发请求就好。
    2. 此插件允许您直接发送 HTTP 请求并查看 visualstudio 代码中的响应。
  32. vscode-faker 生成虚假数据
  33. Regex Previewer 边写正则边看结果
  34. SVG Viewer SVG文件预览
  35. Code Spell Checker 拼写检查
    1. 妈妈再也不担心我写错单词了。 其能检查拼写错误，并给于提示，非常好的伙伴！
  36. Sort Typescript imports import自动排序
    1. 导入太多的库了，眼花撩顺，这款插件让他们有序排列， 强迫症患者的福星。我记得eslint好像也有类似的规则。
  37. Live Sass Compiler SASS实时编译
    1. 一个 VSCode 扩展，它可以帮助您实时地将 SASS/SCSS 文件编译/传输到 CSS 文件中，并实时重新加载浏览器。
  38. Minify
    1. 这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css 和 html-minifier，与 JavaScript、CSS 和 HTML 协同工作。
posted @ 2021-11-26 09:17  zc-lee  阅读(51)  评论(0)  编辑  收藏  举报