一 基础安装
1. 安装Package Control使用快捷键ctrl+`,调出输出窗口, 然后输入官网提供的代码, 获取代码地址:https://packagecontrol.io/installation#st2 , 输入代码后直接回车开始安装, 稍等几秒会提示你安装结束,让重启编辑器.

2. 使用 Ctrl+Shift+P 调用命令面板,输入“Package Control: Install Package”(安装扩展包), 然后回车进入安装扩展包命令面板, 注:mac 下使用command + shift + P

3. 在扩展包安装命令面板中输入JsFormat, 然后回车, 进入安装, 一两秒就可以安装成功.

4. 粘贴一段json代码, 点击右下角Plain Text可以改变文件类型为javascript, 然后右键菜单JsFormat, 或者直接使用快捷键 Ctrl + Alt + F

二 安装emmet插件,快速生成html头部信息

1. command + shift + P 输入emmet 回车等待安装,安装成功后重启sublime。

2. command + n 新建文档,点击右下角Plain text改成html格式文件。

3. 输入doc or html:4s or html:xxs or html:4t or html:5  按tab键,就会创建一个html空文档。

三 安装jquery插件,不再赘述

使用方法:$.ready 然后输入tab键

四 安装SublimeTmpl

1、command + shift + P

2、输入Install Package回车

3、输入SublimeTmpl回车

4、重启sublime, 按下快捷键control + option + h (快速生成HTML模板)

五 安装Pretty JSON,对JSON格式数据解析包括编码解析

1、command + shift + P

2、输入Install Package回车

3、输入Pretty JSON回车

4、重启sublime, 按下快捷键control + command + j (格式化json字符串),win下用快捷键(Ctrl + Alt + j)

首先安装Package Control, 之后就可以用Package Control 管理一些插件安装卸载。

安装Package Control执行如下操作

The simplest method of installation is through the Sublime Text console. The console is accessed via the ctrl+` shortcut or the View > Show Console menu. Once open, paste the appropriate Python code for your version of Sublime Text into the console.

Sublime Text 2

import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

Sublime Text 3

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

资料来源:https://sublime.wbond.net/installation#st3

安装JsFormat

有时从网上扒了人家的js代码来学习学习,打开发现被压缩了,这时就可以用JsFormat插件格式化js代码,恢复未压缩时候的排版,挺给力的。按快捷键Ctrl+Alt+F即可格式化当前的js文件了。

资料来源:http://www.tuicool.com/articles/qEFJrm

// 常用全局用户配置

菜单栏-->Preferentces-->Settings - Default

{

"auto_complete": true,

"auto_complete_commit_on_tab": true,

// "color_scheme": "Packages/User/Monokai (SL).tmTheme",

"draw_minimap_border": true,

"draw_white_space": "all",

// "font_face": "Source Code Pro",

"font_size": 12.0,

"highlight_line": true,

"highlight_modified_tabs": true,

"ignored_packages":

[

"Vintage",

"LiveStyle"

],

"line_padding_bottom": 1,

"line_padding_top": 1,

"save_on_focus_lost": true,

"tab_size": 4,  // 设置tab为四个空格

"translate_tabs_to_spaces": true,

"trim_trailing_white_space_on_save": false,

"word_wrap": true

}

菜单栏:--> Preferences -> Settings – More -> Syntax Specific – User

{

"tab_size": 4,

"translate_tabs_to_spaces": false

}

配置文件将会按下面这个顺序应用:

Packages/Default/Preferences.sublime-settings

Packages/Default/Preferences (<platform>).sublime-settings

Packages/User/Preferences.sublime-settings

Packages/<syntax>/<syntax>.sublime-settings

Packages/User/<syntax>.sublime-settings

通常情况下,你应该把你的配置放在Packages/User/Preferences.sublime-settings里。如果你要给特定的文件类型指定配置,比如,Python, 应该放在Packages/User/Python.sublime-settings文件中。

常用插件:http://www.tuicool.com/articles/qEFJrm

Sublime Text初识的更多相关文章

  1. Sublime Text 3中文乱码解决方法以及安装包管理器方法

    一般出现乱码是因为文本采用了GBK编码格式,Sublime Text默认不支持GBK编码. 安装包管理器 简单安装 使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令 ...

  2. 在Sublime Text 3上安装代码格式化插件CodeFormatter

    1.了解CodeFormatter插件 在Sublime Text 3中编写代码,为了能让我们的代码格式变得漂亮整洁,需要一个能自动格式代码的插件.这里发现CodeFormatter插件不错,它能支持 ...

  3. sublime text 3 + python配置,完整搭建及常用插件安装

    四年的时间,一直使用EmEditor编辑器进行Python开发,之前是做面向过程,只需要将一个单独的py文件维护好即可,用着也挺顺手,但是最近在做面向对象的开发,不同的py文件中相互关联较多,感觉单纯 ...

  4. 前端工程师手中的Sublime Text

    原文地址:http://css-tricks.com/sublime-text-front-end-developers/ 我的Blog:http://cabbit.me/sublime-text-f ...

  5. Sublime Text 全程指引 by Lucida

    作者:Lucida 微博:@peng_gong 豆瓣:@figure9 博客园:@figure9 原文链接:http://zh.lucida.me/blog/sublime-text-complete ...

  6. 自定义Sublime Text的图标

    sublime text很赞,windows上最接近mac逼格的轻量编辑器,对于我这样比较喜欢格调的人来说,简直不二之选啊. 美中不足的是,看久了觉得它的图标似乎不是很上心.现在都流行扁平化了而它还停 ...

  7. 如何优雅地使用Sublime Text

    Sublime Text:一款具有代码高亮.语法提示.自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制,用她来写代码,绝对是一种享受.相比于难于上手的Vim,浮肿沉重的Eclip ...

  8. 为 Sublime Text 3059 配置 PHP 编译环境

    关于  Sublime Text 3059 的安装及汉化 请参看 http://www.xiumu.org/note/sublime-text-3.shtml 为 sublime Text 配置 PH ...

  9. 杂谈:用 Sublime Text 2 写 ActionScript3

    Sublime Text这是程序员最喜爱的编辑器,说说在win7下使用Sublime Text来编写as文件以及编译与运行swf. 准备工作 1.Sublime Text 2 2.Java 的JDK( ...

随机推荐

  1. php封装练习

    <body> <?php class jisuan { private $a; private $b; function __construct($a,$b) { $this-> ...

  2. Nginx开启Gzip压缩大幅提高页面加载速度

    [root@12 conf]# vi nginx.conf gzip on;#开启GZIP gzip_min_length 1k; #不压缩临界值,大于1K的才压缩,一般不用改 gzip_buffer ...

  3. WMI

    https://wiki.jenkins-ci.org/display/JENKINS/Windows+slaves+fail+to+start+via+DCOM#Windowsslavesfailt ...

  4. SAE上传web应用(包括使用数据库)教程详解及问题解惑

    转自:http://blog.csdn.net/baiyuliang2013/article/details/24725995 SAE上传web应用(包括使用数据库)教程详解及问题解惑: 最近由于工作 ...

  5. Android种 adb是什么(转)

    提到adb.exe,一直关注我们Android系列教程的朋友们应该不会感到陌生,因为无论取得 Root权限或者刷机的时候我们都通过adb直接操作管理Android手机,但是可能大多数对于adb仅仅局限 ...

  6. Android利用调试器调试程序

    首先,通过在AndroidManifest.xml文件中添加android:debuggable=”true”选项, <application android:icon=”@drawable/i ...

  7. 【poj2828】Buy Tickets 线段树 插队问题

    [poj2828]Buy Tickets Description Railway tickets were difficult to buy around the Lunar New Year in ...

  8. PUSHA/PUSHAD

    http://124.16.151.186/docs/optimization/VTune(TM) User's Guide/mergedProjects/analyzer_ec/mergedProj ...

  9. SQL Server SA 密码丢失无法连接数据库怎么办?

    如果Windows账户无法连接并且SA密码也丢失了,那么如何可以连接到数据库呢? 答案是: 在单用户模式下启动SQL Server然后用本地管理员权限连接.登陆之后就可以修改SA密码了. 步骤: 1. ...

  10. loadrunner常见问题总结

    在玩Loadrunner时经常性的出现脚本录制为空的情况,下面是我总结出的解决办法: 1.在用loadrunner录制脚本时发现脚本录制为空,查找原因,我首先看. IE选项->连接->局域 ...