网页开发工具VSCode的使用

网页开发工具VSCode的使用

  • 一、双击打开软件VSCode
  • 二、新建文件(Ctrl+N)
  • 三、保存(Ctrl+S)
  • 四、便捷使用:Ctrl+加号键,Ctrl+减号键可以放大缩小视图
    • 1.Ctrl+加号键
    • 2.Ctrl+减号键
  • 五、生成页面骨架结构,输入!后按下Tab键
  • 六、利用插件在浏览器中预览页面:单击鼠标右键,在弹出窗口中点击"Preview In Default Browser"

一、双击打开软件VSCode

二、新建文件(Ctrl+N)

网页开发工具VSCode的使用_第1张图片
注意:新建后一定要先保存!

三、保存(Ctrl+S)

网页开发工具VSCode的使用_第2张图片

四、便捷使用:Ctrl+加号键,Ctrl+减号键可以放大缩小视图

1.Ctrl+加号键

网页开发工具VSCode的使用_第3张图片

2.Ctrl+减号键

网页开发工具VSCode的使用_第4张图片

五、生成页面骨架结构,输入!后按下Tab键

网页开发工具VSCode的使用_第5张图片
网页开发工具VSCode的使用_第6张图片

六、利用插件在浏览器中预览页面:单击鼠标右键,在弹出窗口中点击"Preview In Default Browser"

网页开发工具VSCode的使用_第7张图片
网页开发工具VSCode的使用_第8张图片

你可能感兴趣的:(vscode,ide,编辑器)