Visual Studio Code的下载与安装

Visual Studio Code的下载与安装

1.打开Visual Studio Code的官网。

Visual Studio Code - Code Editing. Redefined

2.然后点击下载。
Visual Studio Code的下载与安装_第1张图片
3.安装Visual Studio Code,点击下一步。
Visual Studio Code的下载与安装_第2张图片
4.选择附加任务,点击下一步。
Visual Studio Code的下载与安装_第3张图片
5.点击安装即可。
Visual Studio Code的下载与安装_第4张图片
6.打开Visual Studio Code软件,新建文件。
Visual Studio Code的下载与安装_第5张图片
7.然后CTRL+s保存文件,将后缀修改为HTML
Visual Studio Code的下载与安装_第6张图片
8.在里面输入一个!号,敲回车,便可以自动生成初始代码。
Visual Studio Code的下载与安装_第7张图片
Visual Studio Code的下载与安装_第8张图片
9.Visual Studio Code也有一些插件可以使用,在软件中选择左侧工具栏中最后一个图标。
Visual Studio Code的下载与安装_第9张图片

推荐插件:

插件 作用
Chinese 中文语言包
Open in Browser 点击选择浏览器打开html文件
JS-CSS-HTML Formatter 每次保存,都会格式化代码
Auto Rename Tag 自动重命名配对的HTML/XML的标签
CSS Peek 追踪至样式

10.安装Open in Browser后,再在body标签中输入东西即可,写好内容后,在右键选择Open in other browsers选择你要在哪个浏览器中打开即可。
Visual Studio Code的下载与安装_第10张图片
Visual Studio Code的下载与安装_第11张图片

你可能感兴趣的:(html5,vscode)