JS基础学习Day1--工具篇（VSCode）

目录

1.VSCode创建HTML文件的方法

2.VSCode的实用插件

2.1 Chinese

2.2 Live Server

2.3 Error Lens

3.快捷键

3.1 注释

---

1.VSCode创建HTML文件的方法

第一步：打开vscode，点击左上方文件，选择创建文件。

第二步：点击“选择语言”，在出现框框中找到你要创建的文件类型，如下滑找到HTML并点击，点击后可发现文件已经变成对应类型（看图标）。

第三步：此时的HTML文件中一片空白，想要获得初始模板，只需要在文件中输入“！”，选择第一个选项即可。

第四步：ctrl+s保存文件即可。

2.VSCode的实用插件

2.1 Chinese

点击扩展（左侧倒数第二个图标），在搜索框中搜索Chinese，下载插件并使用，即可使语言变成中文。

2.2 Live Server

保存文件可使浏览器中效果同步变化，不用总是刷新，非常nice！

使用方法：下载并使用->打开你要编写的文件->win+左箭头将VSCode和浏览器分屏->右击找到Open with Live Server->更改文件中代码并保存，浏览器中内容效果自动同步。

2.3 Error Lens

该插件可在你编写代码时自动识别你代码中的基本错误。

3.快捷键

3.1 注释

单行注释：ctrl + /

多行注释：shift + alt + A

自定义注释：先 Ctrl + K 再 Ctrl + S  或者 点击左边侧栏的设置图标，找到键盘快捷方式即可。

3.2 标签快捷键

标签名*数字 + enter键：书写该标签的个数。

样式类型+数据+enter键：快速书写css代码。

本文所涉及知识点参考B站黑马程序员的视频：黑马程序员的个人空间-黑马程序员个人主页-哔哩哔哩视频