前端开拓值得拥有的 VSCode 插件
VSCode 是一款跨平台的轻量级编辑器,依附着优越的编辑体验,精采的可扩展性、可设置性,已经成为了前端开拓行使最多的器材。 VSCode 拥有复杂的插件市场,开始行使 VSCode 完成前端开拓时,浩瀚的插件选择也许会让我们难以决议。团结前端社区和插件市场保举的以及本身行使后的感觉,将开拓有明明效益的插件分享一波,供各人参考。 Bracket Pair Colorizer圆括号 Bracket Pair Colorizer 插件提供了括号的高亮和匹配帮助成果,我们可以一眼看出匹配的两个括号。 Auto Complete Tag在编写 HTML 可能 JSX 代码进程中,假如我们有这样的需求:在输入 相同的插件尚有:
为了更类型的开拓前端代码,规避代码中一些轻易造成题目的代码,社区沉淀了 lint 的方案,今朝最常用的是 ESlint。凡是 ESLint 是在通过呼吁行执行呼吁,按照文件夹下的 相同的插件有:
ESLint 界说了代码层面上的类型,Prettier 则界说了差异编辑器的代码名目化类型。确保统一个项目标开拓者代码名目化后是同等的,这样可以停止差异编辑器名目化导致的代码差别,出格是在代码归并时能深深熟悉到代码名目化同等的重要性。更多 Prettier 先容可以在 Prettier 官网 相识, Prettier 插件 通过项目下的 相同的插件有:
前后端应用联调或 Node 接口测试进程中,我们会有测试接口的需求。凡是行使的器材有 Postman 和 curl。Postman 提供的成果很完整,但必要在开拓时特殊安装一个软件,而且开拓进程多屡次软件的切换也不美满了。curl 是体系自带的呼吁行器材,成果也很强盛,但小我私人感受节制台中输入 curl 呼吁不太友爱。 REST Client 为我们提供了编辑器视窗中快速哀求接口的手段,并且我们可以将哀求的 API 列表生涯在项目中,利便后头的行使。 GitLensGitlens 对 VSCode 的 git 成果做了许多扩充,成果异常强盛。能快速跟踪到代码的改观,从项目、文件、代码行的维度都能快速定位。小我私人提议代码编写进程中封锁行改观提醒。 Quokka.js进修 javascript/Typescript 的一些语法或特征时,我们也许想要一个能快速执行的情形,,早年凡是会用到赏识器自带的 snippet 成果,赏识器中编码,代码提醒结果天然会弱一点,并且对一些新的特征也会不支持。 Quokka.js 为编辑器提供了快速建设 js/ts playground 成果,我们可以快速在编辑器中编写可执行的代码片断,验证一些特征。Quokka.js 提供了社区版和 Pro 版本(收费,还不自制),社区版不能将已生涯的文件从头插手运行情形,每次必要新建一个文件来执行。小我私人感受平常做一些特征验证已经够用了。 相同的插件有:
Snippet 是 VSCode 未插件提供的代码片快速插入成果。如安装 react snippet 后,输入 保举几个不错的代码片插件:
开拓进程,一套本身喜好的主题也会在必然水平上影响编程服从和灵感。虽然,差异人对付视觉的兴趣是差异的,以是在最后分享一下我的主题设置。我的选择的两个主题设置插件: Material Icon Theme 差异文件范例对应的图标展示; One Dark Pro 一款看着较量鲜亮与柔顺的皮肤。 等候我们在 VSCode 的助力下,更高效更高质的完成事变。文中若有马虎,也接待各人指正。 【编辑保举】
点赞 0 (编辑:河北网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |