为什么用使用VS Code?
- 通过文本编辑器, 如: 记事本, 完全可以变形网页源代码, 但是在实际工作和学习中开发效率极低
- 实际开发中, 注重开发的效率和便捷性, 因此我们会使用一些开发工具
- 开发工具有很多: Visual Studio Code, Webstorm, Sublime, Dreamweaver, Hbuilder
- 前端开发神器: VS Code → 速度快, 体积小, 插件多
VS Code使用前要求
- VSCode软件安装完毕 (VSCode官网下载链接:https://code.visualstudio.com/)
- VSCode插件安装
- Chinese(Simplified) Language Pack for Visual Studio Code 简体中文插件安装完毕
- open in browser 直接打开浏览器插件安装完毕
VS Code的基本快捷键
-
快速生成标签: 英文 + tab键 , 例: head + tab生成
<head></head>
-
保存文件: ctrl + s
-
注意1: 写完文件之后务必需要保存文件, 否则网页无变化
-
注意2: 可以设置自动保存省去每次保存的麻烦
-
快速查看网页效果: 右键 → Open in Default Browser
-
快捷键: alt + b
-
注意: 必须安装了open in browser 插件
-
快速生成结构标签: ! + tab
-
List item
-
注意1: !必须是英文的, 中文!无效
-
注意2: 必须保证当前文件后缀名是 .html , 否则无效
-
VS Code自动生成的骨架多了其它标签
-
VS Code的其他快捷键
-
快速复制一整行: ctrl + c
-
快速粘贴一整行: ctrl + v
-
快速删除 (剪切) 一整行: ctrl + v