意见箱
恒创运营部门将仔细参阅您的意见和建议,必要时将通过预留邮箱与您保持联络。感谢您的支持!
意见/建议
提交建议

Vscode MacOS版本下载及html配置

来源:恒创科技 编辑:恒创科技编辑部
2024-01-19 08:51:59

一、Vscode MacOS官方版本下载路径:

​​https://code.visualstudio.com/download​​

1.下载及安装步骤:

Vscode MacOS版本下载及html配置_html

具体下载及安装教程可参见该博客: ​​https://www.cnblogs.com/taikongbai/p/16283010.html​​

二、下载并安装需要的插件: 1.打开扩展

Vscode MacOS版本下载及html配置_vscode_02

2.分别下载插件:

1)Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

Vscode MacOS版本下载及html配置_html_03

2)Live Server

Vscode MacOS版本下载及html配置_html_04

3)CSS Peek

Vscode MacOS版本下载及html配置_vscode_05

4)open in browser

Vscode MacOS版本下载及html配置_vscode_06

5)Auto Rename Tag

Vscode MacOS版本下载及html配置_安装教程_07

三、调试检查是否能正常运行并在本地浏览器打开 1.检查html文件是否能正常运行

Vscode MacOS版本下载及html配置_安装教程_08

在第一行输入一个 ! (半角即英文感叹号)

Vscode MacOS版本下载及html配置_html_09

按回车键即可得到如下图的代码:

Vscode MacOS版本下载及html配置_安装教程_10

在body体中输入“这是一个非常简单的html文件”,然后运行调试检查是否报错

Vscode MacOS版本下载及html配置_安装教程_11

2.检查是否能在本地浏览器打开,点击GO Live

Vscode MacOS版本下载及html配置_vscode_12

Vscode MacOS版本下载及html配置_html_13

OK~大功告成,请开始你的自由发挥!!!

上一篇: CSS Flexbox 布局 下一篇: 手机怎么远程登录云服务器?