|
2 | 2 | <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> |
3 | 3 | **Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)* |
4 | 4 |
|
5 | | -- [Sublime 快捷键](#sublime-%E5%BF%AB%E6%8D%B7%E9%94%AE) |
| 5 | +- [Sublime 编辑器](#sublime-%E7%BC%96%E8%BE%91%E5%99%A8) |
| 6 | + - [介绍](#%E4%BB%8B%E7%BB%8D) |
| 7 | + - [安装](#%E5%AE%89%E8%A3%85) |
| 8 | + - [Windows/OS X](#windowsos-x) |
| 9 | + - [Ubuntu](#ubuntu) |
| 10 | + - [推荐插件](#%E6%8E%A8%E8%8D%90%E6%8F%92%E4%BB%B6) |
| 11 | + - [1. Package Control](#1-package-control) |
| 12 | + - [2.Emmet](#2emmet) |
| 13 | + - [3.JQuery](#3jquery) |
| 14 | + - [4.FileHeader](#4fileheader) |
| 15 | + - [5.Pretty Json](#5pretty-json) |
| 16 | + - [6.CSS Format](#6css-format) |
| 17 | + - [7.ConvertToUTF8](#7converttoutf8) |
| 18 | + - [用户自定义代码](#%E7%94%A8%E6%88%B7%E8%87%AA%E5%AE%9A%E4%B9%89%E4%BB%A3%E7%A0%81) |
6 | 19 |
|
7 | 20 | <!-- END doctoc generated TOC please keep comment here to allow auto update --> |
8 | 21 |
|
9 | | -### Sublime 快捷键 |
10 | | -<kbd>command/control</kbd> + <kbd>P</kbd> 进入查找命令(Goto Anything),此时有三种选择: |
| 22 | +###Sublime 编辑器 |
11 | 23 |
|
12 | | -* `:` 输入行数找到对应行 (<kbd>control</kbd> + <kbd>G</kbd>) |
13 | | -* `@` 找到特定函数 (<kbd>command/control</kbd> + <kbd>R</kbd>) |
14 | | -* `#` 找到对应变量与块 |
| 24 | +####介绍 |
| 25 | + |
| 26 | +Sublime Text是一款性感的编辑器,具有优雅,快速,插件多等优势,不失为前端开发者的轻量高效编辑器。 |
| 27 | + |
| 28 | +####安装 |
| 29 | + |
| 30 | +#####Windows/OS X |
| 31 | + |
| 32 | +下载安装即可 |
| 33 | + |
| 34 | +#####Ubuntu |
| 35 | + |
| 36 | +可参见[ Ubuntu 下使用 Sublime Text 并解决中文输入问题](http://www.zntec.cn/archives/ubuntu-sublime-text-fcitx.html),用apt-get安装,解决任务栏,中文输入等多个问题。 |
| 37 | + |
| 38 | +####推荐插件 |
| 39 | + |
| 40 | +#####1. Package Control |
| 41 | + |
| 42 | +以后的插件安装基本都靠他了,安装方法可以去[Package Control](https://packagecontrol.io/installation)查看,注意Sublime Text的版本问题。 |
| 43 | + |
| 44 | +#####2.Emmet |
| 45 | + |
| 46 | +前端神器,相信搞前端的没有不用的 |
| 47 | + |
| 48 | +**下面插件在Edit 或者 Tools 里面看到插件功能:** |
| 49 | + |
| 50 | +#####3.JQuery |
| 51 | + |
| 52 | +写JQuery怎么能不用他来增强你的提示? |
| 53 | + |
| 54 | +#####4.FileHeader |
| 55 | + |
| 56 | +自动创建文件开头模板,并且会根据最后的保存时间修改更新时间 |
| 57 | + |
| 58 | +#####5.Pretty Json |
| 59 | + |
| 60 | +写json不格式话怎么行? |
| 61 | + |
| 62 | +#####6.CSS Format |
| 63 | + |
| 64 | +css格式化 |
| 65 | + |
| 66 | +#####7.ConvertToUTF8 |
| 67 | + |
| 68 | +GBK编码兼容 |
| 69 | + |
| 70 | +####用户自定义代码 |
| 71 | +Preferences - Settings - User 里面加入 |
| 72 | + |
| 73 | +``` |
| 74 | +"translate_tabs_to_spaces": true, |
| 75 | +"tab_size": 2, |
| 76 | +``` |
| 77 | +把Tab对齐转化为空格对齐,tab_size控制转化比例。 |
| 78 | + |
| 79 | +``` |
| 80 | +"trim_trailing_white_space_on_save": true, |
| 81 | +``` |
| 82 | + |
| 83 | +自动移除行尾多余空格。 |
| 84 | + |
| 85 | +``` |
| 86 | +"ensure_newline_at_eof_on_save": true, |
| 87 | +``` |
| 88 | + |
| 89 | +自动在文件末尾加入一个空行,git用户相信知道是干嘛的。 |
| 90 | + |
| 91 | +``` |
| 92 | +"save_on_focus_lost": true, |
| 93 | +``` |
| 94 | + |
| 95 | + 窗口失去焦后立即保存文件。 |
| 96 | + |
| 97 | + ``` |
| 98 | + "bold_folder_labels": true, |
| 99 | + ``` |
| 100 | + |
| 101 | +侧栏文件夹加粗。 |
15 | 102 |
|
16 | | -学会使用 [Emmet](http://emmet.io/) 插件可有效的帮助进行前端编程。 |
|
0 commit comments