vscode使用教程前端(这些都是前端工程师用的比较多的vscode插件)

在众多前端代码编辑工具中,我最喜欢的就是微软的vscode。首先它十分轻便,不吃硬件,运行非常顺畅;其次是其各种各样的插件使得编程效率蹭蹭地往上提,爸爸妈妈再也不用担心我要加班了(才怪!!!不加班是不可能的)

vscode使用教程前端(这些都是前端工程师用的比较多的vscode插件)(1)

下面推荐几个我常用的vscode插件~

一 Auto Close Tag

Auto Close Tag——标签自动闭合插件。安装之后再也不用手动输入闭合标签,减少错误的同时大大提高了编程效率。

vscode使用教程前端(这些都是前端工程师用的比较多的vscode插件)(2)

二 Auto Rename Tag

Auto Rename Tag——自动重命名插件。当我们需要修改某一标签时,只需要修改其中的一个标签,对应的标签会跟着一起修改,十分方便。

vscode使用教程前端(这些都是前端工程师用的比较多的vscode插件)(3)

三 ESLint

ESLint——格式提醒。这个插件帮助我们规范我们的代码,提高代码的可读性。但是有时候会感觉规范太严格,所以使用体验因人而异。

vscode使用教程前端(这些都是前端工程师用的比较多的vscode插件)(4)

四 Path Intellisense

Path Intellisense——路径提醒插件。当我们输入部分路径时,它会提示我们当前输入路径下的所有文件,这样我们不用输入所有的路径就可以选中我们需要的文件。

vscode使用教程前端(这些都是前端工程师用的比较多的vscode插件)(5)

五 Bracket Pair Colorizer

Bracket Pair Colorizer——括号高亮插件。对应的括号使用相同的颜色,不同的括号使用不同的颜色区分,这样代码的结构层次一目了然。

vscode使用教程前端(这些都是前端工程师用的比较多的vscode插件)(6)

六 Chinese (Simplified) Language Pack for Visual Studio Code

Chinese (Simplified) Language Pack for Visual Studio Code——vscode汉化包。汉化vscode软件,对于英语不好的人十分友好,爸爸妈妈再也不用担心我看不懂配置了。

vscode使用教程前端(这些都是前端工程师用的比较多的vscode插件)(7)

七 Vetur | Vue 2 Snippets

不多说,这两个插件时vue编程必备插件。

vscode使用教程前端(这些都是前端工程师用的比较多的vscode插件)(8)

vscode使用教程前端(这些都是前端工程师用的比较多的vscode插件)(9)

八 HTML Snippets

HTML Snippets——html代码补全。只用输入部分标签名、属性名即可自动联想相应的代码,使用起来极度舒适,还要啥自行车。同样的还有css、js等自动补全插件,这里就不赘述了。

vscode使用教程前端(这些都是前端工程师用的比较多的vscode插件)(10)

九 鼓励师 (大雾)

代码写累了?没关系,男神(女神)来鼓励你(雾)

没有你的男神(女神)?那就自己写一个呀

vscode使用教程前端(这些都是前端工程师用的比较多的vscode插件)(11)


好了 暂时就先分享这么多了,后续找到更棒的插件再给你们分享~

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页