HTML阶段-第一天Web前端开发基础（环境配置）
HTML5开发环境配置
操作系统的常用配置
-
系统调整为最佳性能（建议设置）
开始菜单→控制面板→性能信息和工具→调整视觉效果→调整到最佳性能 -
文件夹显示设置（强烈建议设置）
列表显示文件夹
显示隐藏文件
应用到所有文件
操作：工具→文件夹选项→隐藏已知文件类型..（去掉）→应用到所有文件夹 -
任务栏设置（建议设置）
任务栏右击→锁定任务栏+任务栏使用小图标
操作系统常用快捷键
- Win+数字键：打开/显示超级任务栏第N个图标代表的程序
- Win+D：快速显示桌面
- Win+R：快速运行，打开软件，cmd命令行等
- Win+E：快速打开资源管理器
- Win+方向键：最大化、还原/最小化窗口
- Win+L快速锁定计算机
- Ctrl＋Alt＋Del：显示以下选项：锁定该计算机、切换用户、注销、更改密码和启动任务管理器
- CTRL＋SHIFT＋ESC：打开任务管理器
常用的快捷键
- Alt＋F4：关闭当前活动项目或退出活动程序
- Alt＋Tab：在打开的项目中进行切换
- Alt＋向上方向键：在Windows Explorer中查看当前文件夹的上一级目录
- Ctrl＋A：在文档或窗口中全选Ctrl＋C：复制选中项目：
- Ctrl＋Esc打开开始菜单
- Ctrl＋F4关闭活动文档（在程序中能够让你同时打开多个文档）
- CTRL＋上方向键：将光标移动到之前一段的开头
- CTRL＋V：粘贴选定项目
- CTRL＋X：剪切选定项目
- CTRL＋Y：还原一个操作
- CTRL＋Z：撤销一个操作
- DELETE：删除选定项目并移动到回收站
- ESC：取消当前任务
- F2：重命名选定的项目
- F4：在Windows Explorer中显示地址栏列表
- 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
