优选!15 个必需的 VSCode 软件(前端开发类)

2021-02-08 23:10 admin

Visual Studio Code 是由微软公司开发设计的一款完全免费、混合开发的文字编写器。因为其非凡的特性和丰富多彩的作用,它迅速就遭受了大伙儿的钟爱。

如同大多数数 IDE 一样,VSCode 也是有一个拓展和主题风格销售市场,包括了不计其数品质不一样的软件。以便协助大伙儿选择出非常值得免费下载的软件,大家对于性的搜集了一些好用、趣味的软件与大伙儿共享。

1. Open-In-Browser

因为 VSCode 沒有出示立即在访问器中开启文档的内嵌页面,因此此软件在便捷莱单中加上了在默认设置访问器查询文档选择项,及其在顾客端(Firefox,Chrome,IE)中开启指令控制面板选择项。

2. Quokka

Quokka是一个调节专用工具软件,可以依据你已经撰写的编码出示即时意见反馈。它便于配备,能够够浏览自变量的涵数和测算值結果。此外,在应用 JSX 或 TypeScript 新项目中,它可以开箱即用。

3. Faker

应用时兴的 JavaScript 库 – Faker,可以帮你迅速的插进测试用例数据信息。Faker 能够任意转化成名字、详细地址、图象、电話号码,或是經典的乱数假语段落,而且每一个类型还包括了各种各样子类型,你可以以依据本身的要求来应用这种数据信息。

4. CSS Peek

应用此软件,你可以以跟踪至款式表格中 CSS 类和 ids 界定的地区。如果你在 HTML 文档中鼠标右键点击挑选器时,挑选“ Go to Definition 和 Peek definition ”选择项,它便会让你推送款式设定的 CSS 编码。

5. HTML Boilerplate

根据应用 HTML 模板软件,你也就解决了为 HTML 新文档再次撰写头顶部和文章正文标识的烦恼。你只需在空文档中键入 html,并按 Tab 键,就可以转化成整洁的文本文档构造。

6. Prettier

Prettier 是现阶段 Web 开发设计中最火爆的编码文件格式化程序。安裝了这一软件,它就可以够全自动运用 Prettier,并将全部 JS 和 CSS 文本文档迅速文件格式化作统一的编码款式。假如你要想应用 ESLint,那麼也有个 Prettier – Eslint 软件,你可以不必错过了咯!

7. Color Info

这一方便快捷的软件,将给你出示你一直在 CSS 中应用色调的有关信息内容。你只需在色调上悬停鼠标光标,便可以浏览图形中颜色实体模型的(HEX、 RGB、HSL 和 CMYK)有关信息内容了。

8. SVG Viewer

此软件在 Visual Studio 编码中加上了很多好用的 SVG 程序,你不用离去编写器,即可以开启 SVG 文档并查询他们。同时,它还包括了用以变换为 PNG 文件格式和转化成数据信息 URI 方式的选择项。

9. TODO Highlight

这一软件可以在你编码招标记出全部的 TODO 注解,便于更非常容易跟踪一切未完的业务流程。在默认设置的状况下,它会搜索 TODO 和 FIXME 重要字。自然,你还可以加上自定表述式。

10. Icon Fonts

它是一个可以在新项目中加上标志字体样式的软件。该软件适用超出 20 个受欢迎的标志集,包含了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons。

11. Minify

它是一款用以缩小合拼 JavaScript 和 CSS 文档的运用程序。它出示了很多自定的设定,及其全自动缩小储存并导出来为.min文档的选择项。它可以各自根据 uglify-js、clean-css 和 html-minifier,与 JavaScript、CSS 和 HTML 协作工作中。

12. Change Case

尽管 VSCode 内嵌了开箱即用的文字变换选择项,但其只有开展文字尺寸写的变换。而此软件则加上了用以改动文字的大量取名文件格式,包含驼峰取名、下横线隔开取名,snake_case 取名及其 CONST_CAS 取名等。

13. Regex Previewer

它是一个用以即时检测正则表达式表述式的好用专用工具。它能够将正则表达式表述式方式运用在一切开启的文档上,并高亮度全部的配对项。

14. Language and Framework Packs

VSCode 默认设置适用很多的流行程序编写語言,但假如你所应用的程序编写語言不包含以内,还可以根据免费下载拓展包来源于动加上。同时,你要能够加上一些像 React Native 与 Vue 的有关 Web 开发设计软件包。

15. Themes

自然,在诸多用软件中,岂能少了好看的主题风格呢?你每日都是与你的 VSCode 编写器开展“亲密无间的触碰”,为什么不把它穿着打扮得更好看些呢?