首页 > 开发工具 > VSCode > 正文

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

青灯夜游
发布: 2021-12-30 19:30:25
原创
45995 人浏览过

插件有:1、“Auto Close Tag”;2、“Auto Rename Tag”;3、“Beautify”;4、“HTML CSS Support”;5、“open in browser”;6、“View In Browser”等等。

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

本教程操作环境:windows7系统、HTML5&&Visual Studio Code 1.54.1版、Dell G3电脑。

vscode html开发插件

1、Auto Close Tag

自动添加HTML / XML关闭标记,与Visual Studio IDE或Sublime Text相同

1f578c01faab24b8202059e9ab08be82.png

2、Auto Rename Tag

自动重命名标签

重命名一个HTML / XML标签时,自动重命名配对的HTML / XML标签

0d0d6e8fc2e9fb57bf72114b54206648.png

3、Beautify

美化javascript,JSON,CSS,Sass,和HTML在Visual Studio代码。

51592e4c0b514672afb2f0df3fb5de1c.png

4、Bracket Pair Colorizer

此扩展名允许用颜色标识匹配的括号。用户可以定义要匹配的字符以及要使用的颜色

bae3c75f638d618f5e85e7140f905a2c.png

5、HTML CSS Support

类属性完成。

id属性完成。

支持类和id属性的Zen Coding完成。

扫描工作区文件夹中的css和scss文件。

支持远程css文件。

使用vscode-css-languageservice。

2b4bdb341ea78d199e0ba828e3656ffe.png

6、HTML Snippets

完整的HTML标签,包括HTML5代码段

757ba1a1ad6bb55e783595eeea0bc82b.png

7、JavaScript (ES6) code snippets

此扩展包含Vs代码编辑器的ES6语法的JavaScript代码片段(同时支持JavaScript和TypeScript)。

bbc29aaa5b69c446f78ebfc9a5bfc458.png

8、jQuery Code Snippets

超过130个用于JavaScript代码的jQuery代码段。

只需输入字母“ jq”即可获取所有可用的jQuery代码段的列表。

69032efa5872cfa3dafc6fa9df36c043.png

9、open in browser

这使您可以在默认浏览器或应用程序中打开当前文件。

36d0c098ec575ce7fe3c5e46ce46a013.png

10、Path Intellisense

自动完成文件名的Visual Studio Code插件。

4f6ff685877bf1a604328611e4b4e827.png

11、View In Browser

vscode扩展,可在浏览器中查看html文件。

6217fdc5b5ffc65dbbe27ccd29f026df.png

12、Live Server

Live Server:一个具有实时加载功能的小型服务器,可以使用它来破解html/css/javascript,但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。

1.png

优点

1:一键安装,实现自动刷新,架设本地服务器环境。

2:比起 gulp 构建 实现自动刷新,架设本地服务器环境,需要安装自动刷新插件gulp-livereload,架设本地服务器插件gulp-server。Live Server简直一步到位。只要安装Live Server,就可以解决自动刷新和架设本地服务器环境的问题。

推荐教程:vscode教程html视频教程

以上是vscode中html需要安装的插件可以有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板