网页编程和设计（一）| 前端工具的选择与安装

常见的开发者工具

开发者工具有效的提高了开发效率

推荐选择VSCode

1. 打开速度快
2. 使用方便

VSCode中文语言包安装：

扩展 → 搜索Chinese → 点击安装

VsCode下载和安装

1. 下载VsCode

2. 安装

选中添加桌面添加快捷方式，其余的默认一直下一步就可

VScode开发者工具快捷键

VSCode打开文件夹与创建文件

1. 选择文件夹
   

2. 拖拽文件夹
   直接将文件拖到资源管理器位置即可

生成浏览器文件 .html 的快捷方式

! + 回车

VSCode常用快捷键列表

1. 代码格式化： Shift+Alt+F
2. 向上或向下移动一行： Alt+Up 或 Alt+Down
3. 快速复制一行代码： Shift+Alt+Up 或 Shift+Alt+Down
4. 快速保存： Ctrl + S
5. 快速查找： Ctrl + F
6. 快速替换： Ctrl + H

浏览器

浏览器是我们最重要的合作伙伴

推荐谷歌浏览器，有两点原因：

1. 简洁大方，打开响应速度快
2. 开发者调试工具