实用VS Code插件记录

VS Code 安装和汉化

  • 下载地址:VS Code官网链接
  • 选择合适的版本,安装即可
  • 安装完成后如图
    VS Code初始安装完成
  • 如果需要汉化,ctrl + shift + x,打开插件商店,输入 chinese,然后选择第一个,点击 ‘install
    中文插件
  • 安装完成后重启软件,显示如下,则汉化完成

       汉化完成

 

Bracket Pair Colorizer
成对的彩色括号彩色括号

 

Highlight Matching Tag

高亮对应的 HTML 标签和标识出对应的各种括号的功能。

在这里插入图片描述

Auto Rename Tag

自动修改匹配的 HTML 标签。

在这里插入图片描述

Path Intellisense

智能路径提示,可以在你输入文件路径时智能提示。

在这里插入图片描述

Live Server

 

我以前使用 Live Server 都是 n p m 下载的,而且使用的时候需要在控制台手动敲启动代码。还好 VSCode 有了相应的插件,现在只需要鼠标点几下就行了。

这个插件基本功能是预览网页,但它的特点是:会将网页在本地服务器上预览,最重要的是代码保存之后,浏览器自动刷新,有多方便不用我说了吧?

使用方法:

  1. 在 HTML 文件上右键
    在这里插入图片描述
  2. 打开 HTML 文件,点击编辑器右下角 Go Live 按钮
    在这里插入图片描述

 

 

你可能感兴趣的:(经验分享)