黑马程序员技术交流社区

标题: 【上海校区】写给前端开发者不一样的VSCode配置(JS/React) [打印本页]
作者: 不二晨    时间: 2018-11-16 09:18
标题: 【上海校区】写给前端开发者不一样的VSCode配置(JS/React)
相信越来越多的前端开发者已经迁移到VSCode阵营了，这里不对各大编辑器作比较。因为我怕杠不过各位。^_^ ···
VSCode快速，稳定而且能完美支持TS。
我对开箱即用的编辑器一直存在着好感，但是他们都或多或少的缺少点什么，但是广大的同胞打造的扩展(extensions)完美的解决了这个问题，这里无比感谢各位开发者，我本是一个伸手党。
这里我将扩展纷争工具类和语言类
工具类
Bracket Pair Colorizer - Visual Studio Marketplace就是将成对的括号涂上相同的颜色，达到好找的目的，我下载了一直没启用。感觉破坏了VSCode的整体风格(我感觉不是很爽)。


change-case - Visual Studio Marketplace就是给单词(命名)换成不同的风格，写Redux时很有用。


Code Spell Checker - Visual Studio Marketplace检测写代码时错词。减少因为一个错词(命名)找半天的过程。


EditorConfig for VS Code - Visual Studio Marketplace常用，我猜你装过，不做解释。
File Utils - Visual Studio Marketplace创建，复制，移动，重命名和删除文件和目录的便捷方式，就是不用触摸板完成这些操作。


Find Related Files - Visual Studio Marketplace根据用户定义的配置规则查找与当前文件相关的文件。写单元测试的时候很有用，根据当前文件找到对应的测试代码。


FiraCode强烈推荐！不装不是好同志。颜值担当！


GitLens — Git supercharged - Visual Studio Marketplace增强VSCode内置的Git功能 - 一目了然地显示代码作者身份，无缝导航和连接Git存储库，通过强大的比较命令获得有价值的信息。


macros - Visual Studio Marketplace自定义宏，比snippets更厉害
Markdown All in One - Visual Studio MarketplaceMarkdown最好用的工具，我相信你找了很久吧。各种快捷键，创建表格，预览，应有尽有




Multi Line tricks - Visual Studio Marketplace在VSCode上启用Alt + L（行选择）和Alt + Shift + L（选择到多光标）行为。


Nest Comments - Visual Studio Marketplace遇到过需要注释一段代码里面有注释？很痛苦？


Path Intellisense - Visual Studio Marketplace常用，我猜你装过，不做解释。
Project Manager - Visual Studio Marketplace在多个项目切换变得如鱼得水。
github.com/alefragnani…
Sensitive Replace - Visual Studio Marketplace写Redux时有用，和change-case更配哦


Settings Sync - Visual Studio Marketplace设置同步，换一台电脑一键还原编辑器。
Toggle Quotes - Visual Studio Marketplace一键转换" -> ' -> `
Unique Lines - Visual Studio Marketplace比较有意思，编辑器去重。作用不是很广泛。
语言类(主要针对前端开发 React)
Auto Rename Tag - Visual Studio Marketplace常用，我猜你装过，不做解释。
ESLint - Visual Studio Marketplace常用，我猜你装过，不做解释。
glean - Visual Studio Marketplace允许将typescript和javascript代码提取到单独的模块中，以及生成JSX组件




htmltagwrap - Visual Studio Marketplace给原有代码添加Html标签将变得简单无比


javascript console utils - Visual Studio Marketplace一键添加或删除console.*
Jest Snippets - Visual Studio Marketplace测试框架Jest的Code snippets
npm Intellisense - Visual Studio Marketplace常用，我猜你装过，不做解释。
Prettier - Code formatter - Visual Studio Marketplace神器，可以看我其他的关于这个的文章。
TSLint - Visual Studio MarketplaceTS爱好者必备。
Version Lens - Visual Studio Marketplace慎用！搞出事情别找我。


写在最后
我个人很爱好工具，能用机器干的事情千万别用手完成。


【转载】
作者：辛成同学
链接：https://juejin.im/post/5bea48c4e51d454e5b5f19e8



作者: 不二晨    时间: 2018-11-21 17:16
作者: 魔都黑马少年梦    时间: 2018-11-22 16:57




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2