VS code- 前端配置

Chinese (Simplified) Language Pack for Visual Studio Code

简体中文插件，一般会自动识别你的环境，自动提示是否需要简体中文的语言包。要是没有提示，就在扩展搜索一下即可。

Settings Sync

Settings Sync

使用插件将目前配置保存到 GitHub 上，以后只需要从 GitHub 上获取，就可以一次性安装插件配置信息。

具体怎么配置还需要搜一下网上的配置教程，这样就不会换电脑，或者重装一下 vscode 还需要重新配置。强力推荐。。。

https://juejin.im/post/5b9b5a…
https://segmentfault.com/a/11…

Auto Rename Tag

Auto Rename Tag

如题 自动重命名标签 对于前端来说还是很必要的

Auto Close Tag

Auto Close Tag

自动闭合标签

ES7 React/Redux/GraphQL/React-Native snippets

ES7 React/Redux/GraphQL/React-Native snippets

对于用 vscode 写 react 方便跟多 不过一些快捷键的使用需要记住熟能生巧 多用用就记住的了；

具体的快捷键 可以看插件的说明 很详细的表格：

Vue 2 Snippets

Vue 2 Snippets

vue 提高 coding 效率插件

Vetur

Vetur

vue 必备插件

ESLint

ESLint

语法检查。前端必备了，不过还需要根据项目配置 eslintrc 配置一下，否则有时候全是警告，具体为文档和配置可以看官方文档

https://eslint.org/docs/user-…

JavaScript (ES6) code snippets

JavaScript (ES6) code snippets

和刚才的 ES7 React/Redux/GraphQL/React-Native snippets 比较类似，这个主要针对的是ES6;

HTML Boilerplate

HTML Boilerplate

HTML 模板，新建文件的时候 用的上，一些头部标签防止出错

Git History

Git History

查看 git 历史的插件，很实用必备。

GitLens — Git supercharged

GitLens

查看文件内代码提交历史的插件

gitignore

gitignore

快速把文件加入gitignore, 右键选择一下即可；

koroFileHeader

koroFileHeader

在 vscode 中用于生成文件头部注释和函数注释的插件，经过多版迭代后，插件：支持所有主流语言, 功能强大，灵活方便，文档齐全，食用简单！觉得插件不错的话

需要配置一下。传送门

VS Color Picker

VS Color Picker
写样式文件的时候必备

Prettier – Code formatter

Prettier – Code formatter

格式化代码插件
配置文件说明：

https://prettier.io/docs/en/c…

Sass

Sass

WakaTime

WakaTime

可以收集coding 工作强度，还会区分git 项目

超越鼓励师

超越鼓励师

超越鼓励师
在 VS Code 中连续写代码一小时（时间可配置），会有杨超越提醒你该休息啦~

提醒自己定时起来活动一下，不要久坐不动；

Power Mode

Power Mode

配置写代码的输入效果，

Material Icon Theme

Material Icon Theme

美化文件图标的插件

Palenight Theme

主题插件

Palenight Theme

Eva Theme

Eva Theme