VS-code前端配置022

jiezi

5 年前

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

Settings Sync

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

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

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

Auto Rename Tag

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

Auto Close Tag

自动闭合标签

ES7 React/Redux/GraphQL/React-Native snippets

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

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

Vue 2 Snippets

vue 提高 coding 效率插件

Vetur

vue 必备插件

ESLint

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

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

JavaScript (ES6) code snippets

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

HTML Boilerplate

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

Git History

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

GitLens

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

gitignore

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

koroFileHeader

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

需要配置一下。传送门

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

Prettier – Code formatter

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

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

Sass

WakaTime

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

超越鼓励师

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

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

Power Mode

配置写代码的输入效果，

Material Icon Theme

美化文件图标的插件

主题插件

Palenight Theme

Eva Theme