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)
然后可以搜索想要的插件,回车安装
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