本节主要对VScode关于前端插件进行推荐。
VScode插件推荐
-
Chinese(Simplified) Language Pack for Visual Studio Code:该插件为VScode提供中文(简体)的本地化界面; -
Atom One Dark Theme:修改主题插件,这是我最喜欢的一款主题插件;编写HTML代码样式如下:效果:
-
filesize:该插件在VScode界面的状态栏中显示当前打开文件的大小;效果:
-
Path Intellisense:该插件的作用是对路径进行提示;效果:
-
Material Icon Theme:该插件的作用是美化文件夹和文件的图标;效果:
-
Open In Default Browser:该插件的作用是可以直接在VScode将html文件在默认浏览器中打开;打开快捷键:command + 1; -
Beautify:该插件的作用是可以美化JavaScript、JSON、CSS、Sass和HTML代码;效果:
-
Rainbow Brackets:该插件的作用是美化括号;效果:
-
Auto Rename Tags:该插件的作用是当修改HTML或XML的起始标签时,结束标签会跟着改变; -
HTML CSS Document:HTML的CSS支持插件; -
HTML Snippets:HTML代码片段插件; -
IntelliSense for CSS class names in HTML:该插件的作用是在HTML中提示CSS的类名; -
CSS Peek:该插件的作用是可以在HTML中点击某个元素的类名跳转到CSS文件中的定义位置; -
css-snippets:该插件的作用是提供更短的css片段来编写css代码;例如:在css文件中输入bga按tab键会得到background-attachment: fixed;代码片段。 -
JavaScript (ES6) code snippets:该插件的作用是提供更短的es6代码片段来编写代码;
插件有许许多多,以上这些是最基本的编写前端VScode插件,可以根据个人需求查找到其他更多适合自己的插件。