Skip to content

Commit f2a4cbd

Browse files
committed
fix 02_01_sublime.md
1 parent a19391a commit f2a4cbd

File tree

1 file changed

+93
-7
lines changed

1 file changed

+93
-7
lines changed

chapter1/02_01_sublime.md

Lines changed: 93 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,101 @@
22
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
33
**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)*
44

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)
619

720
<!-- END doctoc generated TOC please keep comment here to allow auto update -->
821

9-
### Sublime 快捷键
10-
<kbd>command/control</kbd> + <kbd>P</kbd> 进入查找命令(Goto Anything),此时有三种选择:
22+
###Sublime 编辑器
1123

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+
侧栏文件夹加粗。
15102

16-
学会使用 [Emmet](http://emmet.io/) 插件可有效的帮助进行前端编程。

0 commit comments

Comments
 (0)