VSCode入门——插件安装

别说谁变了你拦得住时间么 提交于 2020-01-24 03:22:38

CSS Peek插件

HTML与CSS关联,点击扩展插件——搜索CSS Peek——点击安装:

回到编辑器新建css文件:

然后在index.html中引入index.css文件:

可以通过Ctrl+鼠标左键点击index.css进入文件:

在html中新建一个id为nav的div元素,并通过Ctrl+鼠标左键进入index.css:

并在为#nav设置背景颜色:

以上CSS Peek插件实现了HTML与CSS的关联。

Prettier代码格式化

先搜索Prettier然后点击安装:

然后在index.html中新建HTML元素并格式化文档:

格式化之后:

Icon Fonts插件图标集

下载Icon Fonts插件:

图标的引入:

Auto Rename Tag自动修改标签插件

下载Auto Rename Tag 插件:

使用Auto Rename Tag插件,修改开始标签的同时结束标签也跟着改变:

HTML Boilerplate:HTML模板

下载HTML Boilerplate插件:

新建HTML元素标签,提示下载好的HTML模板选中:

模板效果,提示兼容的浏览器,:

Color Info颜色提示

搜索下载并安装:

使用Color Info提示插件,可以根据提示调节颜色:

Auto Close Tag自动闭合标签

自动闭合标签:

HTML CSS Support:HTML中CSS class的智能提示

下载插件:

提示信息:

 

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!