高效的Coding，前端开发人员值得一看的前端开发工具

摘要

　　看着我稚嫩的代码，今天我应该也能够过个快乐的儿童节吧，哈哈哈哈哈。既然是儿童节，那我就要给小伙伴们发发礼物，什么礼物呢？那就是小编在使用的前端开发工具，保证你会有个难忘的儿童节。好，下面就由我带你们一一的看看礼物吧。

 

工欲善其事必先利其器

　　对于一个前端开发人员来讲，拥有一款适合本身的“武器”是很是重要的。vscode就是这样一款优秀的前端开发编辑器，由于小编也在使用这个编辑器，像别的webstorm、sublime text等也是很棒的。因为小编目前在使用vscode，因此给你们分享下个人编辑器经常使用的插件。让你们一块儿去学习打磨属于本身的前端开发“武器”。

 

-语言包

　　 Chinese (Simplified) Language Pack for Visual Studio Code（这是vscode编辑器中文（简体）语言包，能够为vscode提供本地化中文界面）

 

-界面美化

 　　Agila Theme（界面主题，这款主题我我的比较喜欢，界面配色看着舒服。小伙伴若是不喜欢，能够在插件库中寻找本身喜欢的主题进行设置）

　　vscode-icons（vscode图标，这个插件能够很好的区分.css、.js等文件图标，大大提升开发效率，强烈推荐你们使用）

 

-代码美化

 　　Bracket Pair Colorizer（括号对色器，这个插件能够快捷的找到括号的另外一半，简而言之就是能轻易的在代码海中找到左右括号）

　　Rainbow Brackets（彩虹括号，为圆括号、方括号和大括号提供彩虹色，能在开发中快捷找到括号对）

　　indent-rainbow（缩进彩虹，一个简单的扩展，促使代码的缩进更易读懂）

　　Syntax Highlighter（语法突出显示，提供全部编程语言的通用语法着色引擎，凸显关键字、自定义函数等语法着色区分）

　　Prettier - Code formatter（格式化美化代码，漂亮的代码书写老是每一个程序员的追求，这个插件能够配置属于本身的代码格式，一键优化杂乱的代码）

 

-便捷式编码 

 　　Auto Close Tag（自动标签闭合，自动添加HTML/XML的标签闭合）

　　Auto Rename Tag（自动标签重命名，自动重命名配对好的HTML/XML标签）

　　Auto Import（自动导入，自动查找解析并提供全部可用可导入的代码操做）

　　Code Spell Checker（代码拼写检查器，一个简单的代码拼写检查插件，能够快速的捕获在编码中的书写错误，保持高效的编码）

　　ES7 React/Redux/GraphQL/React-Native snippets（ES7/JS代码段，这个插件可使用简短的代码段书写繁琐的代码，提升开发效率）

　　React-Native/React/Redux snippets for es6/es7（React-Native/es6/es7代码段，这个插件也能够快速的书写代码段，能够对比着使用）

　　Path Intellisense（智能路径，快捷高效的引入组件的路径，节省了书写组件路径名的额外开发时间）

 

-GIT功能插件

　　Azure Repos（Azure存储库，它容许咱们监视、构建、管理Git源存储库的拉取请求和更多的工做项）

　　Git Graph（Git图，能够查看我的的存储库以及项目组库的Git库，能够轻松的进行合做开发）

　　GitLens — Git supercharged（GitLens，GitLens加强了vscode中内置的Git功能，同时能够清晰的查看代码做者的身份等信息，能够促使项目组更好的去Review代码）

 

-vscode检修插件

　　Fix VSCode Checksums（vscode检验和修复器，用于检查vscode编辑器的校验和，应用校验和更改重启vscode，消除编辑器核心文件警告）

 

众人拾柴火焰高

　　一我的的力量老是有限的，咱们要学会与他人合做，学会交流沟通。小编以为本身身处的项目组沟通合做就很棒，能快速的了解到项目的进度，能及时的掌握最新的需求变更等等。那咱们项目组是如何作到这样默契的配合呢，接下来就由我给你们继续推荐儿童节礼物，合做沟通的方式。沟通是一个前端开发人员必备的一项技能，由于它可让你的技术进一步提高，还能够提高我的的交流度。无论你是技术大牛仍是技术小白都须要和别人沟通交流，能让他人清晰的了解到你的意图与需求。因此这就给你们发放一些小组合做的一些方案，能更清晰的发现问题，这样就能够及时的去沟通交流，促使项目更快的开发完毕。

 

-石墨文档（强烈推荐）

　　石墨文档是小编目前用的最多的合做方式，不只实时更新快，并且合做简便易懂。简单的列举项目中可使用石墨文档创建的文档，具体文档能够分为下列几等：

　　　　一、项目迭代文档：（肯定项目开发时间、开发人员安排、项目开发需求原型图、测试用例等）

　　　　二、bugs收集处理表：（测试人员收集测试过程当中的bugs，与开发人员同步进行，实行测试修复同步操做）

　　　　三、项目组开发人员具体开发时间节点表：（安排开发人员的开发周期，具体的安排每一天的开发工做，明确开发进度）

 

-合做开发

　　Worktile（worktile，可使用worktile创建bugs处理文档，让开发人员及时的处理未解决的bugs和掌握已解决完毕的bugs） 

　　RAP2（rap2接口说明文档，接口说明文档，让先后端开发及时了解联调的是哪一个接口以及让前端开发人员了解接口返回数据格式等，促使先后端去沟通交流接口数据的统一性）

　　Leangoo 领歌（可视化实时协做，让开发更透明、更高效。领歌有着灵活的看板模式，能够创建定义不一样人员的工做流程，拖动任务体现开发人员工做进度，让团队成员之间的即时协做更好更快）

 

好马配好鞍，好船配好帆

　　一我的拥有了一个好的“武器”，同时也拥有一个无缺的团队，能够这样还不够，咱们我的也得增强本身的其余装备，就像主题说的同样，好马配好鞍，好船配好帆。没有人会嫌弃本身变得更好更优秀，下面就给你们强烈的推荐我额外的强力“装备”。

 

-开发工具

　　Snipaste（这是一款截图工具，小巧却功能强大，它不只能够快速的截图，还能够集成标注和贴图功能，让截图能够实时固定在咱们的可视区域，强烈推荐！！！）

　　Microsoft To Do（这是微软的一个我的任务、资料分享工具，能够实时的安排本身的工做进程、也能够分享本身的技术心得给小伙伴）

　　WinSCP（这是一个 Windows 环境下使用的 SSH 的开源图形化 SFTP 客户端。同时支持 SCP 协议。它的主要功能是在本地与远程计算机间安全地复制文件，而且能够直接编辑文件。）

　　spy-debugger（微信调试，各类WebView样式调试、手机浏览器的页面真机调试。便捷的远程调试手机页面、抓包工具，支持：HTTP/HTTPS，无需USB链接设备）