开发工具 —— Window 安装 Subline Text 及前端相关配置
Subline Text 安装配置
Sublime Text 是一款跨平台代码编辑器(Code Editor),从最初的 Sublime Text 1.0,到现在的 Sublime Text 3.0,Sublime Text 从一个不知名的编辑器演变到现在几乎是各平台首选的 GUI 编辑器。
- 跨平台:Sublime Text 为跨平台编辑器(在Linux、OS X和Windows下均可使用)
- 可扩展:Sublime Text 都是可扩展的(Extensible),并包含大量实用插件,安装自己领域的插件来成倍提高工作效率
- 高效率:Sublime Text 分别是命令行环境(CLI)和图形界面环境(GUI)下的最佳选择,同时使用两者会大大提高工作效率
下载安装
浏览器输入下载地址:http://www.sublimetext.cn/ ,点击页面中的 DOWNLOAD FOR (WINDOWS)
按钮下载,下载完成后,运行安装包
PS:使用官网的下载地址真的是好慢,这里蹭着百度云盘有会员,跳个连接百度云下载,并分享出来:云盘下载(提取码:8csz)
选择安装目录地址,点击下一步,询问是否 “添加到资源管理器上下文菜单” 不需要,直接下一步,继续安装,点击完成安装
桌面快捷
找到 Subline Text 安装目录地址,找到 “sublime_text.exe”,鼠标右键选择 “发送到” — “桌面快捷方式” 即可
汉化操作
双击桌面的 “sublime_text.exe” 快捷方式启动软件,对于英语渣渣来说,看的困难,在汉化之前查看下编辑器,是否已有包管理器
使用 Ctrl + Shift + p 输入 “install package control” 按回车即可,弹出包含 ‘…successfully…’ 表示安装成功,否则失败(根据失败原因查找对应的解决方案),再次查看包管理
通过导航菜单 “Preferences” 找到包管理 “Package Control” 选择后,输入 install package 回车进行包安装,继续输入 “chinese”,选择 “chineselocalizations” 回车进行安装,关闭软件,重新启动软件及汉化成功
侧边底边
按图点击视图找到侧边栏 ----》显示/隐藏侧边栏,来设置侧边栏是否显示,点击左下角按钮来显示/隐藏底边窗口
界面简介
- 标签(Tab):每个标签对应一个开发的文件
- 编辑区(Editing Area):对每个文件进行编辑
- 侧栏(Side Bar):包含当前打开的文件以及文件夹视图
- 缩略图(Minimap):用于滑动快速定位代码行
- 命令板(Command Palette):Sublime Text 的操作中心,它使得我们基本可以脱离鼠标和菜单栏进行操作
- 控制台(Console):使用 Ctrl + `{反引号}调出,它既是一个标准的 Python REPL,也可以直接对 Sublime Text 进行配置
- 状态栏(Status Bar):显示当前行号、当前语言和 Tab 格式等信息
常用插件
通过命令 Ctrl + Shift + P 打开安装窗口,录入 “install package” 回车,然后按图输入回车安装以下推荐插件
- Emmet 用于快速构建编写 HTML/CSS 代码的插件
- HTML 5 用于支持 html 5 规范的插件
- JsFormat 用于 JavaScript 代码格式化的插件
- Autoprefixer 用于 CSS 添加私有前缀,处理各大浏览器兼容问题
- CSScomb 用于 CSS 属性排序,应用于网站优化
- DocBlockr 用于生成注释,方便团队开发协作
- CTags 用于鼠标点击函数跳转(需按住 Alt 键),方便代码流程查看
- AutoFileName 用于自动完成静态资源引入文件名
快捷列表
- 通用(General)
-
- ↑↓←→:上下左右移动光标,注意不是不是KJHL!
-
- Alt:调出菜单
-
- Ctrl + Shift + P:调出命令板(Command Palette)
-
- Ctrl + `:调出控制台
- 编辑(Editing)
-
- Ctrl + Enter:在当前行下面新增一行然后跳至该行
-
- Ctrl + Shift + Enter:在当前行上面增加一行并跳至该行
-
- Ctrl + ←/→:进行逐词移动
-
- Ctrl + Shift + ←/→进行逐词选择
-
- Ctrl + ↑/↓移动当前显示区域
-
- Ctrl + Shift + ↑/↓移动当前行
- 选择(Selecting)
-
- Ctrl + D:选择当前光标所在的词并高亮该词所有出现的位置,再次 Ctrl + D 选择该词出现的下一个位置,在多重选词的过程中,使用 Ctrl + K 进行跳过,使用 Ctrl + U 进行回退,使用 Esc 退出多重编辑
-
- Ctrl + Shift + L:将当前选中区域打散
-
- Ctrl + J:把当前选中区域合并为一行
-
- Ctrl + M:在起始括号和结尾括号间切换
-
- Ctrl + Shift + M:快速选择括号间的内容
-
- Ctrl + Shift + J:快速选择同缩进的内容
-
- Ctrl + Shift + Space:快速选择当前作用域(Scope)的内容
- 查找&替换(Finding&Replacing)
-
- F3:跳至当前关键字下一个位置
-
- Shift + F3:跳到当前关键字上一个位置
-
- Alt + F3:选中当前关键字出现的所有位置
-
- Ctrl + F/H:进行标准查找/替换,之后
-
- Alt + C:切换大小写敏感(Case-sensitive)模式
-
- Alt + W:切换整字匹配(Whole matching)模式
-
- Alt + R:切换正则匹配(Regex matching)模式
-
- Ctrl + Shift + H:替换当前关键字
-
- Ctrl + Alt + Enter:替换所有关键字匹配
-
- Ctrl + Shift + F:多文件搜索&替换
- 跳转(Jumping)
-
- Ctrl + P:跳转到指定文件,输入文件名后可以
-
- @ 符号跳转:输入@symbol 跳转到 symbol 符号所在的位置
-
- 关键字跳转:输入#keyword 跳转到 keyword 所在的位置
-
- : 行号跳转:输入 :12 跳转到文件的第 12 行
-
- Ctrl + R:跳转到指定符号
-
- Ctrl + G:跳转到指定行号
- 窗口(Window)
-
- Ctrl + Shift + N:创建一个新窗口
-
- Ctrl + N:在当前窗口创建一个新标签
-
- Ctrl + W:关闭当前标签,当窗口内没有标签时会关闭该窗口
-
- Ctrl + Shift + T:恢复刚刚关闭的标签
- 屏幕(Screen)
-
- F11:切换普通全屏
-
- Shift + F11:切换无干扰全屏
-
- Alt + Shift + 2:进行左右分屏
-
- Alt + Shift + 8:进行上下分屏
-
- Alt + Shift + 5:进行上下左右分屏
-
- 分屏之后,使用Ctrl + 数字键跳转到指定屏,使用 Ctrl + Shift + 数字键将当前屏移动到指定屏