• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

vscodehtml需要安装的插件可以有哪些

武飞扬头像
PHP中文网
帮助2036

vscode html开发插件

1、Auto Close Tag

学新通技术网

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,就可以解决自动刷新和架设本地服务器环境的问题。

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanfhhgi
系列文章
更多 icon
同类精品
更多 icon
继续加载