VScode前端插件推荐

340 阅读1分钟

本节主要对VScode关于前端插件进行推荐。

VScode插件推荐

  • Chinese(Simplified) Language Pack for Visual Studio Code:该插件为VScode提供中文(简体)的本地化界面; Chinese(Simplified) Language Pack for Visual Studio Code

  • Atom One Dark Theme:修改主题插件,这是我最喜欢的一款主题插件;编写HTML代码样式如下: Atom One Dark Theme 效果: Atom One Dark Theme

  • filesize:该插件在VScode界面的状态栏中显示当前打开文件的大小; filesize 效果: filesize

  • Path Intellisense:该插件的作用是对路径进行提示; Path Intellisense 效果: Path Intellisense

  • Material Icon Theme:该插件的作用是美化文件夹和文件的图标; Material Icon Theme 效果: Material Icon Theme

  • Open In Default Browser:该插件的作用是可以直接在VScode将html文件在默认浏览器中打开;打开快捷键:command + 1Open In Default Browser

  • Beautify:该插件的作用是可以美化JavaScript、JSON、CSS、Sass和HTML代码; Beautify 效果: Beautify

  • Rainbow Brackets:该插件的作用是美化括号; Rainbow Brackets 效果: Rainbow Brackets

  • Auto Rename Tags:该插件的作用是当修改HTML或XML的起始标签时,结束标签会跟着改变; Auto Rename Tags

  • HTML CSS Document:HTML的CSS支持插件; HTML CSS Document

  • HTML Snippets:HTML代码片段插件; HTML Snippets

  • IntelliSense for CSS class names in HTML:该插件的作用是在HTML中提示CSS的类名; IntelliSense for CSS class names in HTML

  • CSS Peek:该插件的作用是可以在HTML中点击某个元素的类名跳转到CSS文件中的定义位置; CSS Peek

  • css-snippets:该插件的作用是提供更短的css片段来编写css代码;例如:在css文件中输入bgatab键会得到background-attachment: fixed;代码片段。 css-snippets snippets

  • JavaScript (ES6) code snippets:该插件的作用是提供更短的es6代码片段来编写代码; JavaScript (ES6) code snippets snippets

插件有许许多多,以上这些是最基本的编写前端VScode插件,可以根据个人需求查找到其他更多适合自己的插件。