开发工具 —— 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) 按钮下载,下载完成后,运行安装包


开发工具 —— Window 安装 Subline Text 及前端相关配置


PS:使用官网的下载地址真的是好慢,这里蹭着百度云盘有会员,跳个连接百度云下载,并分享出来:云盘下载(提取码:8csz)


开发工具 —— Window 安装 Subline Text 及前端相关配置


选择安装目录地址,点击下一步,询问是否 “添加到资源管理器上下文菜单” 不需要,直接下一步,继续安装,点击完成安装


开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


桌面快捷

找到 Subline Text 安装目录地址,找到 “sublime_text.exe”,鼠标右键选择 “发送到” — “桌面快捷方式” 即可


开发工具 —— Window 安装 Subline Text 及前端相关配置


汉化操作

双击桌面的 “sublime_text.exe” 快捷方式启动软件,对于英语渣渣来说,看的困难,在汉化之前查看下编辑器,是否已有包管理器


开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


使用 Ctrl + Shift + p 输入 “install package control” 按回车即可,弹出包含 ‘…successfully…’ 表示安装成功,否则失败(根据失败原因查找对应的解决方案),再次查看包管理


开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


通过导航菜单 “Preferences” 找到包管理 “Package Control” 选择后,输入 install package 回车进行包安装,继续输入 “chinese”,选择 “chineselocalizations” 回车进行安装,关闭软件,重新启动软件及汉化成功


开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


侧边底边

按图点击视图找到侧边栏 ----》显示/隐藏侧边栏,来设置侧边栏是否显示,点击左下角按钮来显示/隐藏底边窗口


开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


界面简介

  • 标签(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 用于自动完成静态资源引入文件名

开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


开发工具 —— Window 安装 Subline Text 及前端相关配置


快捷列表

  • 通用(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 + 数字键将当前屏移动到指定屏