Sublime Text3 我的使用心得

sublime与webstorm的比较：

    webstorm真心很强大，强大到可以几乎知足全部前端开发者编程的需求，方便的快捷键操做、代码提示、浏览器查看、工程管理、历史记录（能够找到以前编辑的内容，即便把文件删掉，相似svn、git），各类主题风格，与webstorm相比，sublime更像是刚买回来的“裸机”，什么都没有，须要本身根据需求进行插件安装。不过我的比较喜欢这种，“一直都是小受，终于能够攻一把了”。

   webstorm让我决定放弃也是由于它功能太强大了，强大到打开软件，让我产生时空错乱感，就跟TM打开eclipse同样，瞬间让我想起之前开发java的时光（fuck，为了天天不想在SB同样地等着elipse打开，而后还得卡几下，因此一个月关一次电脑）。

   sublime最吸引个人地方，就在于一些独特的快捷键、打开速度很是之快（赛过个人手速），尤为是在家想写点东西时，不会由于软件漫长的打开同时，抽空去干别的，从而一去不返，*_*，自从习惯于用sublime之后，妈妈不再用担忧个人学习了。

    废话很少说，下面就让咱们一块儿进入sublime的世界吧，看看我是怎么把玩它的，sorry，写着写着就浪了。

安装与注册

   我使用的是  sublime Text Build 3114

   注册码：

Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36

用户配置：

   菜单 Preferences -> setting user{

"font_size": 16,
  "ignored_packages":
  [
    "Vintage"
  ],"highlight_line": true, //光标所在行高亮
  "show_encoding": true, //显示文件编码方式
  "bold_folder_labels": true  //让文件夹加粗，粗的仍是细的，根据自身状况奥

}

经常使用插件安装与使用

   * 首先要安装package control组件，这就比如你想要嘿嘿嘿，总得先找个女友，至少也得是个充气的吧

      * 按Ctrl+`调出console

      * 粘贴如下代码到底部命令行并回车：  

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

     *  安装插件方法：按下Ctrl+Shift+P调出命令面板 -> 输入install 调出 Install Package 选项并回车，而后在列表中选中要安装的插件

    1.编辑html/css提示插件： Emmet插件

    2.原生JS提示补全插件： autoCompleteJs（替代方案，手动下载AndyJS2，而后解压在packages中）

    3.jQuery提示补全插件：jQuery

    4.支持H5插件：HTML5和HTMLattributes（他俩是夫妻档奥，因此要一块儿来）

    5.解决Sublime不支持GBK、GB2312编码：ConvertToUTF8

    6.方法说明自动生成：DocBlockr  （在方法的上一行当输入/**而且按下Tab键的时候，这个插件会自动解析任何一个函数而且为你准备好合适的模板）

    7.自动补全文件路径：AutoFileName（例如引入图片，自动补全图片路径）

    8.建立新文件插件：Advance new file（ctrl+alt+n: 直接输入文件名，则在主目录建立新文件；若是输入 路径/文件名，则能够自动在某个路径下建立文件）

    9.管理最新插件库：nettus fetch

                   选择 Fetch:Manage，而后进行配置，配置如图所示

                 

                接下来，就NB了，新建一个文件而后，在文件中，Ctrl+Shift+P: fetch File, 而后选择 jquery 回车 就下载了

      10.鼠标右键功能（新建、删除、重命名等等）：SideBarEnhancements（在扩展插件里面已经没有了，须要手动下载，而后解压放在package目录下

          下载地址：http://pan.baidu.com/s/1jG4AnsU）

      11.高亮显示匹配的括号、引号和标签：BracketHighlighter

      12.CSS可自动添加 -webkit 等私有词缀：Prefixr（Ctrl+Alt+X触发）

      13.JS代码格式化插件：JS Forma（ 选中代码，而后ctrl+alt+f）

      14.查看标签、CSS属性浏览器支持状况：Can I Use

      15.安装主题：Theme - Flatland

          激活: 修改 Preferences 文件，经过 Sublime Text 2 的菜单 “Preferences > Settings - User” 可打开用户配置文                    件，在其中添加（或修改原来的设置）：
                 "theme": "Flatland Dark.sublime-theme",
                 "color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme"

          而后经过菜单选择主题，进行配置

         

      16.语法检查插件：这个厉害喽，须要配合node结合使用，关于node的使用，我会在下一篇文章中阐述

           安装这四个插件

           SublimeLinter

           SublimeLinter-contrib-htmlhint

           SublimeLinter-csslint
           Sublime​Linter-jshint

node端安装下面3个依赖包
npm install -g xg-htmlhint
npm install -g csslint
npm install -g jshint

   17. Less：分别安装less 和 less2css 这两个插件

node：npm install -g less
npm install -g less-plugin-clean-css

 

经常使用快捷键

* Goto
* Goto Anything：ctrl+p 打开输入的页面
* Goto Symbol: ctrl+r 在定位到js方法或css样式的行
* 打开的文件切换: ctrl+PgUP/PgOn 或 ctrl+tap进行切换
* 技巧:好比要修改style.css文件的body样式，能够 ctrl+p ,输入style.css@body 就能定位到body了
* 在打开的文件里面, ctrl+p ,输入#body 就能定位到当前文件的body了

* 多行游标（至关find Replace）
* ctrl+d:一次增长一个游标，好比有多个 mode 单词，鼠标选择mode,而后按一次ctrl+d 就同时增长选择了一个mode，选择几个就按几回快捷键
* ctrl+k ctrl+d 能够跳过一个mode
* Esc 能够推出多行游标
* alt+F3 : 能够产生多行游标,一次选中全部的点击的单词
* 按住shift+鼠标右键进行拖拽: 也能产生多行游标

* 命令模式
* ctrl+shift+p: 切换文件语法模式,好比:html,选择后就是html文件了

* ctr+回车，在当前行下方加入一行* ctrl+shift+回车，在当前行的上方加入一行* Ctrl+KK:从光标处删除至整行的尾部* Ctrl+Shift+D:复制光标所在的整行，插入在该行以前* Ctrl+J：合并行(已选择须要合并的多行时能够理解为不换行模式，直到遇到编辑器边框后自动换行* Ctrl+Shift+[：折叠代码* Ctrl+Shift+]：展开代码* Shift+table:向左缩进、Tab向右缩进* Shift+Tab 去除缩进* CTRL+O：打开文件* Ctrl+J 合并行（已选择须要合并的多行时）* Ctrl+Shift+K 删除整行* Alt+Shift+1（非小键盘）窗口分屏，恢复默认1屏* Alt+Shift+2 左右分屏-2列