VS Code插件【私人推荐】

vscode插件

推荐

1.chinese

将vscode里面可以翻译成中文的都翻译一下

 

 

2.open in broswer

右键出现在浏览器打开的选项

 

3.ESLint

JS代码错误工具，有内置规则和自定义规则

具体的功能自己可以探索一下

 

 

4.koroFileHeader

文件头部加注释 ctrl + alt + i

光标处加注释 ctrl + alt + t

 

5.Vetur

语法高亮

支持.vue文件的语法高亮显示，除了支持template模板以外，还支持大多数主流的前端开发脚本和插件，比如Sass和TypeScript

Emmet

找到settings.json，添加

    "emmet.syntaxProfiles": {
        "vue-html": "html",
        "vue": "html"
    }

就可以vue里面体验emmet

错误检测

格式化

...

 

6.live server

安装完之后，就会再右下角出现go live的按钮，点击之后，就会创建一个本地的服务器，并且自动打开文件

 

 

7.Git History

右键，会有一个查看git history的选项，可以用来查看git log或则一个文件的git历史，比较不同的分支，commits

 

8.CSS Peek

可以在HTML中通过CSS id或则class来定位到其定义。按住ctrl键，光标移动到class处，会出现css的代码，然后点击可以跳转

 

9.GUID

生成全局唯一ID shift + ctrl + p 之后在输入框输入guid找到该插件，点击enter，即可生成

 

 

 

可选

Prettier

代码格式化工具。因为vscode内置了格式化，所以这里是推荐，也可以使用内置的格式化。

 

vscode-icons

让文件左侧的图标更炫酷，更容易识别

 

Auto Import