vscode 常用工具总结(持续更新)

前言:使用vscode多了以后很多工具就成了习惯,为了更好地加快开发效率,我们就必须有一套属于自己的开发工具及配件

文章目录

  • 1.Bracket Pair Colorizer(括号彩色化)
  • 2.简体中文包
  • 3.debug调试包
  • 4.ESlint
  • 5.小乌龟(TortoiseSVN)
  • 6.Vetur(代码补全)
  • 7.vue-format(vscode 编辑器格式化插件,格式化单文件“.vue”文件代码,主要起辅助Vetur吧,因为使用的时候发现,两者缺一就会怪怪的)
  • 8.open in browser(直接使用浏览器打开)

1.Bracket Pair Colorizer(括号彩色化)

vscode 常用工具总结(持续更新)_第1张图片

效果:代码带上颜色

2.简体中文包

vscode 常用工具总结(持续更新)_第2张图片

3.debug调试包

vscode 常用工具总结(持续更新)_第3张图片

使用很简单,安装上以后去debug窗口,点击断点,按F5调试(前端调试几乎不用,编辑器调试工具一般都是后端,这里只是因为一个不小心学会的,忽略)

4.ESlint

vscode 常用工具总结(持续更新)_第4张图片

这个我就不介绍了,团队开发几乎都在使用

5.小乌龟(TortoiseSVN)

vscode 常用工具总结(持续更新)_第5张图片

使用了很多款svn,这个是最好用的,安装以后右键,提交编辑两不误

6.Vetur(代码补全)

vscode 常用工具总结(持续更新)_第6张图片

补全插件,相比较而言这个是最好用的

7.vue-format(vscode 编辑器格式化插件,格式化单文件“.vue”文件代码,主要起辅助Vetur吧,因为使用的时候发现,两者缺一就会怪怪的)

vscode 常用工具总结(持续更新)_第7张图片

8.open in browser(直接使用浏览器打开)

vscode 常用工具总结(持续更新)_第8张图片

你可能感兴趣的:(vscode,vue)