vscode中html需要安装的插件可以有哪些
时间:2021-12-30 19:30
插件有: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视频教程 以上就是vscode中html需要安装的插件可以有哪些的详细内容,更多请关注gxlsystem.com其它相关文章!