前端开发工具vscode的配置与使用

(当前版本:1.58.2)→ 1.69.2

1. 创建文件

  新建文件保存为.html格式

2. 生成骨架结构(骨架标签)

输入感叹号,在弹出对话框里选择第一个!就可以了,会自动生成结构代码

 

 

3. 快捷键

功能 快捷键
新建文件 Ctrl+N
 放大视图

Ctrl+加号键 

缩小视图

Ctrl+减号键

生成页面骨架结构

输入“!”,按下Tab键

利用插件在浏览器中预览页面

单击鼠标右键,在弹出出口中点击“Open In Default Browser”

注释

Ctrl+/

 

4. 安装插件

点击插件安装按钮(位置如下图),然后在应用商店搜索插件,点击安装。

安装后重启vscode即可正常使用

 

posted @ 2022-07-19 17:13  生菜🎨  阅读(478)  评论(0编辑  收藏  举报