使用vscode编写html代码

原文链接:https://www.jianshu.com/p/f8b10f99a0ed

下载、安装Visual Studio Code

Visual Studio Code 免费下载地址
设置Visual Studio Code(VSCode)语言为中文
Windows系统下按快捷键:ctrl+shift+p打开命令面板,界面如下:
在这里插入图片描述
在输入框中输入:Configure Language (若是中文模式下,要切换其他语言,则输入:配置语言)。回车。
在这里插入图片描述
在打开的locale.json 文件中修改“locale”值为“zh-CN”。修改成功后保存,重新打开VSCode,即可完成语言修改。
在这里插入图片描述
具体可选择的语言列表,可参考 Visual Studio Code Display Language (Locale)

在这里插入图片描述
注意:若重启后语言没有改变,可能是你没有下载适用于 VSCode 的中文(简体)语言包,链接如下:
Chinese (Simplified) Language Pack for Visual Studio Code - Visual Studio Marketplace


VSCode下快速开始编写html的方法

1.新建文件(Ctrl + N)

2.新建的文件Untitled-1是纯文本格式的,需改为HTML格式。
在这里插入图片描述
更改后可以看到,语言模式和文件标头均改变。
在这里插入图片描述
3.快速生成标准的html代码

(1)在第一行输入!

(2)按Tab键或者选择代码提示中的!
在这里插入图片描述
在这里插入图片描述

在浏览器中查看HTML页面

Visual Studio Code默认是在VScode的控制台下查看html页面,这对于我们调试和查看效果十分不方便。所以这里我们需要安装一下扩展插件,在浏览器中查看html页面。

在这里插入图片描述
安装完成后,选择你要在浏览器打开的HTML页面,按快捷键Alt + B 就可以在默认浏览器下打开你写的页面了。
在这里插入图片描述
使用快捷键 Shift + Alt + B 可以选择其他浏览器打开。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45334970/article/details/117816600