Vscode插件

332 阅读2分钟

Vetur

想要VScode编辑器识别vue文件需要安装vue插件--Vetur插件

Prettier

代码格式化程序,自动应用 Prettier,并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint,那么还有个 Prettier – Eslint 插件

setting-json中搜索format on save开启设置

Faker

使用流行的 JavaScript 库 – Faker,能够帮你快速的插入用例数据。Faker 可以随机生成姓名、地址、图像、电话号码,或者经典的乱数假文段落,并且每个类别还包含了各种子类别,你可以根据自身的需求来使用这些数据。

koroFileHeader

添加文件头、函数注释(文件类型无限制),文件保存会自动更新时间(LastEditTime)

  • 配置项: setting中搜索:FileHeader
// 头部注释,默认设置:{'Author':'your name','Date':'Do not edit','LastEditors':'your name','LastEditTime':'Do not edit','Description':'file content'}
"fileheader.customMade": {}
// 在光标处插入函数注释,默认配置:{'description':'','param':'','return':''}
"fileheader.cursorMode": {}
  • 快捷键
window:ctrl+alt+t,mac:ctrl+cmd+t

Auto Close Tag

自动添加HTML/XML关闭标签,与Visual Studio IDE或Sublime Text相同

Auto Rename Tag

自动重命名成对的HTML/XML标记,与Visual Studio IDE一样。

Beautify

在Visual Studio代码中美化javascript, JSON, CSS, Sass和HTML。 运行F1美化(美化一个选择)或F1美化文件。

Debugger for Chrome

一个VS Code扩展来调试你的JavaScript代码在谷歌Chrome浏览器,或其他目标,支持Chrome DevTools协议。

Git History

Git历史,搜索和更多(包括Git日志) 右键点出Git:View File History

Local History

一个可视化的源代码插件,用于维护文件的本地历史。 每次修改文件时,本地历史记录中都会保留旧内容的副本。在任何时候,您都可以将文件与历史记录中的任何旧版本进行比较。当您不小心更改或删除文件时,它可以帮助您.

Markdown All in One

所有你需要的Markdown(键盘快捷键,目录,自动预览和更多)。

vscode-icons

文件图标

Monokai Pro

一款暗黑主题 字体:Hack, 'Courier New', monospace