自用VS Code插件推荐(适用vue及原生js开发者)

JavaScript(ES6) code snippets

ES6代码片段
自用VS Code插件推荐(适用vue及原生js开发者)_第1张图片

any-rule

正则代码片段

  1. 安装完毕后按F1(或者ctrl+shift+p).
  2. 输入"zz"可以看到正则列表.
  3. 或者输入关键词, 比如"手机".
    自用VS Code插件推荐(适用vue及原生js开发者)_第2张图片

Vue VSCode Snippets

vue2.x代码片段
自用VS Code插件推荐(适用vue及原生js开发者)_第3张图片

Vue 2 Snippets

Vue2.x代码片段
自用VS Code插件推荐(适用vue及原生js开发者)_第4张图片

Axios Snippets

挺好用的axios代码片段
自用VS Code插件推荐(适用vue及原生js开发者)_第5张图片

vetur

vue代码高亮

Node exec

使用node执行当前文件或者选中的代码

Quokka.js

Quokka.js 是一个用于 JavaScript 和 TypeScript 的实时运行代码平台,它会实时运行你输入后的代码,并在编辑器中显示各种执行结果

括号配对着色(Bracket Pair Colorizer) 和 彩虹缩进(Indent Rainbow)

自用VS Code插件推荐(适用vue及原生js开发者)_第6张图片

Import Cost

该扩展允许您查看导入模块的大小,它对 Webpack 中的 bundlers 有很大帮助,你可以查看是导入整个库还是只导入特定的实用程序。
 Import Cost

GitLens

增强了 Visual Studio Code 中内置的 Git 功能,它包含了许多强大的功能,例如通过跟踪代码显示的代码作者,提交搜索,历史记录和GitLens资源管理器
自用VS Code插件推荐(适用vue及原生js开发者)_第7张图片

Git Emoji Commit

git提交代码时加入 emoji 表情
自用VS Code插件推荐(适用vue及原生js开发者)_第8张图片

Git History

好看的用于查看git history的图形界面
自用VS Code插件推荐(适用vue及原生js开发者)_第9张图片
(无视错别字)

Project Manager

项目管理器
自用VS Code插件推荐(适用vue及原生js开发者)_第10张图片

Live Server

一个具有静态和动态页面的实时重新加载功能的本地开发服务器。

Prettier - Code formatter

代码格式化拓展

Path Intellisense

自动填充文件路径

polacode

代码截图
使用方式:F1或者CTRL+shift+p 输入polacode 选择代码
自用VS Code插件推荐(适用vue及原生js开发者)_第11张图片

WakaTime

记录和存储有关编程活动的指标和分析(需要去官网注册账号)
自用VS Code插件推荐(适用vue及原生js开发者)_第12张图片

One Dark Pro

我最喜欢的vscode主题
自用VS Code插件推荐(适用vue及原生js开发者)_第13张图片

vscode-icons

好看的vscode图标
自用VS Code插件推荐(适用vue及原生js开发者)_第14张图片

px2rem

自动将px转换为rem
自用VS Code插件推荐(适用vue及原生js开发者)_第15张图片

你可能感兴趣的:(开发工具,vscode,前端)