vscode中html需要安装的插件可以有哪些

发布时间:2024-01-17
插件有:1、“auto close tag”;2、“auto rename tag”;3、“beautify”;4、“html css support”;5、“open in browser”;6、“view in browser”等等。
本教程操作环境:windows7系统、html5&&visual studio code 1.54.1版、dell g3电脑。
vscode html开发插件
1、auto close tag
自动添加html / xml关闭标记,与visual studio ide或sublime text相同
2、auto rename tag
自动重命名标签
重命名一个html / xml标签时,自动重命名配对的html / xml标签
3、beautify
美化javascript,json,css,sass,和html在visual studio代码。
4、bracket pair colorizer
此扩展名允许用颜色标识匹配的括号。用户可以定义要匹配的字符以及要使用的颜色
5、html css support
类属性完成。
id属性完成。
支持类和id属性的zen coding完成。
扫描工作区文件夹中的css和scss文件。
支持远程css文件。
使用vscode-css-languageservice。
6、html snippets
完整的html标签,包括html5代码段
7、javascript (es6) code snippets
此扩展包含vs代码编辑器的es6语法的javascript代码片段(同时支持javascript和typescript)。
8、jquery code snippets
超过130个用于javascript代码的jquery代码段。
只需输入字母“ jq”即可获取所有可用的jquery代码段的列表。
9、open in browser
这使您可以在默认浏览器或应用程序中打开当前文件。
10、path intellisense
自动完成文件名的visual studio code插件。
11、view in browser
vscode扩展,可在浏览器中查看html文件。
12、live server
live server:一个具有实时加载功能的小型服务器,可以使用它来破解html/css/javascript,但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。
优点
1:一键安装,实现自动刷新,架设本地服务器环境。
2:比起 gulp 构建 实现自动刷新,架设本地服务器环境,需要安装自动刷新插件gulp-livereload,架设本地服务器插件gulp-server。live server简直一步到位。只要安装live server,就可以解决自动刷新和架设本地服务器环境的问题。
推荐教程:vscode教程、html视频教程
上一个:苹果手机丢了怎么找回来,苹果手机丢了怎么定位找回
下一个:粗蛋白真空桨叶干燥机1.7t/h

华为荣耀3c怎么进入fastboot模式,荣耀3c怎么进入fastboot
为什么选择ronzio同步马达的电机马达是一个正确的决定
秋季核桃树该如何修剪
办结婚证显示老赖吗?
Coremail荣膺"互联网邮件安全最具影响力企业"!
夏日降暑,用6步学会冲泡高品质绿茶
路基压实度“超密”的预防措施有哪些?
php空间购买
农家花生酱制作方法 农家花生酱制作方法推荐
智能测汞仪技术指标