Sublime Text 安装和使用

迈不过友情╰ 2022-08-09 15:49 165阅读 0赞

### sublime text 3 安装 ###

[nodejs download][]  
[Sublime download][]  
[packagecontrol][]

**简单的安装方法：**

从菜单 View - Show Console 或者 ctrl + ~ 快捷键，调出 console。将以下 Python 代码粘贴进去并 enter 执行，不出意外即完成安装。以下提供 ST3 和 ST2 的安装代码：

> Sublime Text 3

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

> Sublime Text 2

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

手动安装：

可能由于各种原因，无法使用代码安装，那可以通过以下步骤手动安装Package Control：

1.  点击Preferences > Browse Packages菜单
2.  进入打开的目录的上层目录，然后再进入Installed Packages/目录
3.  下载 Package Control.sublime-package 并复制到Installed Packages/目录
4.  重启Sublime Text。

[Package Control 主文件下载地址][Package Control]  
![github地址][github]

[Sublime Text 包管理][packagecontrol] 这里有很多Sublime 的包

### Sublime Text3 快捷键 ###

在[官网][Link 1]首页有六张动画图片，介绍了Sublime的基本使用  
1. ⌘D 快速选中相对单词  
2. ⇧⌘L 对选中行进行列编辑，首先选中多行，再执行  
3. ⇧⌘P 调用各种函数，执行各种命令  
4. ⌘P 快速搜索文件，可以使用`@`检索函数，`:`检索行号，`#`在文件中搜索；  
5. @ 在⌘P命令后的输入框中，快速搜索函数，⌘R命令也可以打开  
6. ⌘F 搜索，在搜索框中`.*`使用正则搜索，Find All可以快速选中  
7. ⇧⌘F 高级搜索  
8. ⌘+J 合并选中的多行代码为一行  
9. ⌘+L 选中整行，继续操作则继续选择下一行  
10. ⌘+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。  
11. ⌘+K+K 从光标处开始删除代码至行尾。  
12. ⌘+Shift+K 删除整行。  
13. ⌘+/ 注释单行。Ctrl+Shift+/ 注释多行。  
14. ⌘+Z 撤销。  
15. ⌘+Y 恢复撤销。

快捷键很多，在mac上和window上也不一样，mac多数是⌘键，⌘键无效时，可以使用CLRL。  
参考资料： [Sublime Text 快捷键][Sublime Text]

### Sublime Text 包 ###

地址：[packagecontrol][]  
![这里写图片描述][20151030160241842]

#### Emmet ####

###### Emmet 安装 ######

[安装地址][Link 2]  
**Package Control:**

运行 “Package Control: Install Package” 命令, 输入Emmet，敲回车，等待左下角状态栏完成.  
重启Sublime。

**手动安装:**  
1. 下载Emmet包，解压。  
2. 运行Browse Packages命令打开一个文件夹，拷贝进去，重启Sublime。

###### Emmet 语法 ######

[http://docs.emmet.io/abbreviations/syntax/][http_docs.emmet.io_abbreviations_syntax] html语法

1.  Child: > `div>ul>li`
2.  Sibling: + `div+p+bq`
3.  Climb-up: ^ `div+div>p>span+em^bq`
4.  Multiplication: \* `ul>li*5`
5.  Grouping: () `div>(header>ul>li*2>a)+footer>p1`
6.  ID and CLASS `div#myId` `div.title-class`
7.  css扩展 `-bdrs` 自动生成-webkit- -moz-
    
        -webkit-border-radius: ;
        -moz-border-radius: ;
        border-radius: ;

[Emmet语法文件][Emmet] 太多太细，脑细胞不够啊。

![这里写图片描述][20151030165105338]

###### Emmet 自定义插件 ######

[自定义插件][Link 3]

##### HTML-CSS-JS Prettify #####

![这里写图片描述][20151030170648200]

[nodejs download]: https://nodejs.org/en/download/
[Sublime download]: http://www.sublimetext.com/2
[packagecontrol]: https://packagecontrol.io/
[Package Control]: https://github.com/wbond/sublime_package_control
[github]: /images/20220731/29c4f2ebb2cf4661a780d87e7b00b052.png
[Link 1]: http://www.sublimetext.com/
[Sublime Text]: http://www.jb51.net/softjc/180873.html
[20151030160241842]: /images/20220731/e2fed80374164370909ce0564c5b4597.png
[Link 2]: https://packagecontrol.io/packages/Emmet
[http_docs.emmet.io_abbreviations_syntax]: http://docs.emmet.io/abbreviations/syntax/
[Emmet]: http://docs.emmet.io/cheat-sheet/
[20151030165105338]: /images/20220731/60bb77682c69478e96a410a696dc6aac.png
[Link 3]: http://docs.emmet.io/customization/
[20151030170648200]: /images/20220731/a3b51ab7422e4f6f895f923aafa0d293.png