HTML阶段-第一天Web前端开发基础（环境配置）

HTML5开发环境配置

操作系统的常用配置

• 系统调整为最佳性能（建议设置）
  开始菜单→控制面板→性能信息和工具→调整视觉效果→调整到最佳性能

• 文件夹显示设置（强烈建议设置）
  列表显示文件夹
  显示隐藏文件
  应用到所有文件
  操作：工具→文件夹选项→隐藏已知文件类型..（去掉）→应用到所有文件夹

• 任务栏设置（建议设置）
  任务栏右击→锁定任务栏+任务栏使用小图标

操作系统常用快捷键

1. Win+数字键：打开/显示超级任务栏第N个图标代表的程序
2. Win+D：快速显示桌面
3. Win+R：快速运行，打开软件，cmd命令行等
4. Win+E：快速打开资源管理器
5. Win+方向键：最大化、还原/最小化窗口
6. Win+L快速锁定计算机
7. Ctrl＋Alt＋Del：显示以下选项：锁定该计算机、切换用户、注销、更改密码和启动任务管理器
8. CTRL＋SHIFT＋ESC：打开任务管理器

常用的快捷键

1. Alt＋F4：关闭当前活动项目或退出活动程序
2. Alt＋Tab：在打开的项目中进行切换
3. Alt＋向上方向键：在Windows Explorer中查看当前文件夹的上一级目录
4. Ctrl＋A：在文档或窗口中全选Ctrl＋C：复制选中项目：
5. Ctrl＋Esc打开开始菜单
6. Ctrl＋F4关闭活动文档（在程序中能够让你同时打开多个文档）
7. CTRL＋上方向键：将光标移动到之前一段的开头
8. CTRL＋V：粘贴选定项目
9. CTRL＋X：剪切选定项目
10. CTRL＋Y：还原一个操作
11. CTRL＋Z：撤销一个操作
12. DELETE：删除选定项目并移动到回收站
13. ESC：取消当前任务
14. F2：重命名选定的项目
15. F4：在Windows Explorer中显示地址栏列表
16. F5：刷新活动窗口

Sublime安装配置

Sublime跨平台的前端开发神器，共享软件
下载最新Sublime3安装包
官网地址：http://www.sublimetext.com/
安装包管理器
打开Sublime3控制台，ctrl+~
输入安装包管理器命令代码

• sublime3安装命令行：
  import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

• 注意:
  需要联网才能安装，因为是在线下载包。
  包管理器的官网地址：https://packagecontrol.io
  安装第三方插件（包）
  打开命令面板：ctrl+shift+p
  输入install，然后回车(见图片1.png)
  

  

  图片1.png
  
  然后可以搜索想要的插件，回车安装

Sublime3常用快捷键使用

• Sublime项目管理
• 新建文件和文件夹
• 快捷键：
• ctrl+/ :注释 ctrl+x\v\y\z 剪切、粘贴、重复、取消
• ctrl+滚动 缩放大小 ctrl+n 新建
• ctrl+回车，在光标当前行下面创建一个新行，并让光标跳到新行行首。 ctrl+shift+回车：正好相反。
• ctrl+shift+v 粘贴并保持缩进
• ctrl+shift+d 复制当前行
• ctrl+shift+↑ 向上移动行，↓同样道理
• shift+鼠标右键 选中多行同时编辑
• ctrl+f查找 ctrl+h查找和替换
• ctrl+[ 增加左缩进 ctrl+]增加右缩进
• ctrl+g: 跳转到第几行

前端其他开发工具

• Atom
• WebStorm10
• Dreamweaver CS6
• VSCode