http://blog.csdn.net/feizaosyuacm/article/details/54729891

本文是安装的Sublime Text3是portable version(可移动版本) ,安装的环境是基于window 7 或者window 8.1。主要介绍sublime text3 的安装,汉化,常用插件的安装和使用!

一、下载安装sublime Text3

到官网http://www.sublimetext.com/3下载安装包(根据你的电脑系统下载对应的portable version),下载好st3后,然后不断的点击next,然后blablabla……就可以安装好了(我的系统的window8.1 64位,安装的目录D盘)

二、汉化sbulime Text3

安装完sublime text3 后,发现都是英文,四级没过的同学怎么办,当然是汉化!

2.1下载汉化安装包

地址:http://pan.baidu.com/s/1qWnBNvI

2.2安装汉化包(将汉化包拷到 Installed Packages 文件夹中)

进入:D:\Sublime Text3\Data\Installed Packages(根据你的安装目录去寻找Installed Packages,本文是安装在D盘),将刚刚下载的汉化包解压,得到的文件Default.sublime-package 拷贝到 Installed Packages 文件夹中,这个时候就会发现汉化成功啦!

三、安装Package Control

Package Control非常重要,因为这关系到后面的st3 安装包的使用,而Package Control 的安装有两种方法:

3.1通过控制面板安装

①点击工具栏的“查看”->”显示面板”(快捷键 是”ctrl+`”),

②到https://packagecontrol.io/installation官网,将对应的代码拷贝到显示面板中,然后回车。如果安装成功,那么就显示Package Settings 和Package Control 这两个项, 
 
如果没有安装成功,那么建议用手动安装

3.2通过手动安装

①到https://packagecontrol.io/installation官网,右边有一个“Package Control.sublime-package”,点击下载,然后将文件拷贝到 Installed Packages文件夹中

四、安装st3常用的插件

对于st3,它之所以轻巧,是因为它设计就是为了让你按需加载,根据自己的需要,去下载对应的插件,所以才不会像其他的IDE那样笨重。安装插件步骤是:“Preferences -> Package Control”(快捷键是:shift+ctrl+p),然后执行“Package Control: Install Package”,接在就是输入你要安装的插件就可以,下面就说一下你个人常用的插件:

1、Emmet

作用:快速编写HTML,CSS代码

示例:html:5+tab,div#box+tab 

2、SublimeCodeIntel

作用:代码提示插件,可以帮你补全代码,快速方便书写!大大提升效率!

示例: 

3、jQuery

作用:在使用jQuery的时候,给出对应的方法和API的提示!

示例: 

4、Alignment

作用:该插件是用来对齐的,当你在写js的时候,为了代码的美观,就需要用到这个插件!

快捷键:默认的是:ctrl+alt+a(与qq截图刚好冲突,建议修改)

示例: 

5、DocBlocker

作用:快熟书写注释!

示例:

 
6、Jsformat

作用:js压缩文件的还原,但是遗憾的是变量名称是

快捷键:默认的是:ctrl+alt+f

示例:

 
7、Bracket Highlighter

作用:当你鼠标选中标签或者是某个片段代码的时候,对应的开头和闭合标签会高亮!

示例: 

8、sublimeLinter

作用:提供js和css的语法检测!检测的标准是可以根据用户自定义的方式来执行!

9、View in Browser

作用:在浏览器中可以像dreamweaver 那样按下F12的时候在浏览器中浏览。

10、AutoFileName

作用:可以在你输入引用文件路径时给出提示,最典型的就是图片的引用

示例: 

sublime text3安装以及插件配置教程的更多相关文章

  1. Sublime Text3安装以及初次配置

    Sublime Text3安装以及初次配置 工具:官网下载:Sublime Text3 安装:直接运行安装.http://write.blog.csdn.net/postedit 激活:参考文/晚晴幽 ...

  2. Sublime Text3 python自动补全问题——Sublime Text3安装Anaconda插件

    学习python的时候 在编辑器的选择上会有很多选择,我最终还是选择了sublime text3. 相对于其他编辑器,sublime text有以下特性: 插件多,类似GoSublime,Emmet信 ...

  3. Sublime Text3安装SublimeREPL插件以及快捷键设置

    SublimeREPL是Sublime Text的一个插件,它除了可以使你在ST中运行解释器(REPL),还有对Python语言的特别支持,包括在本地/远程(远程仅在linux/osx平台可用)vir ...

  4. Sublime Text3安装evernote插件

    关键字 Markdown编辑器.Evernote.Sublime Text3   正文 Sublime Text3安装evernote插件方法如下: 1.使用Package Control安装ever ...

  5. 转载 | Sublime Text3 安装以及初次配置

    本文引自:http://blog.csdn.net/u011272513/article/details/52088800 工具:官网下载:Sublime Text3 安装:直接运行安装.http:/ ...

  6. Sublime Text3安装SublimeGit插件

    之前一直用PhpStorm作为开发工具,但是最近使用的一台电脑上安装的老是卡死,只好用回Sublime Text3. 搜索后打开第一个链接“Sublime Text 3中使用SublimeGit插件” ...

  7. Sublime Text3 安装 CTags 插件出现乱码

    1.下载ctags.exe 可以直接下载我上传好的资源:http://download.csdn.net/download/zhaoxd200808501/9971251.或者网络上其他地方也可以下载 ...

  8. sublime text3前端开发插件配置以及使用(个人喜爱)

    第一步下载软件接着Ctrl +~ (回车)把下面安装包管理添加到sublimeimport urllib.request,os; pf = 'Package Control.sublime-packa ...

  9. sublime text3安装中文版插件

    安装插件前需要先安装 package control 扩展包管理器,安装方法为:进入 https://sublime.wbond.net/Package%20Control.sublime-packa ...

随机推荐

  1. 打开PS是出现“该内存不能为read”是怎么回事?

    打开PS是出现“该内存不能为read”是怎么回事? 答:内存不能为read修复工具可以有效修复计算机运行应用程序时提示:该内存不能为read要终止程序的问题,一般XP系统才会出现这个问题. 指令修复法 ...

  2. Linux权限控制

    文件属性 权限说明 文件用户组调 权限设置建议 文件属性 在shell环境里输入:ls -l 可以查看当前目录文件.如: drwxr-xr-x. 14 root root 4096 Apr 5 18: ...

  3. 【Python】 \uxxxx转中文

    背景 写Python接口自动化过程中,使用到邮件发送测试结果详情,邮件呈现出来的内容为 \uxxxx ,不是中文 接收到的邮件内容: 成功: 110 失败: 1 失败的用例如下 : [(u'\u752 ...

  4. 可以,得驾证了\(^o^)/

    说实在话,我自认为我不太适合开车. 首先我有点晕车,在车上坐久了就头晕脑胀. 心里素质也不行,凡是遇到什么事了,就慌慌张张,手忙脚乱. 然后就是练车一点都不稳,每次练车都会有新问题出现. 先说一下我科 ...

  5. 交通部道路运输车辆卫星定位系统部标JTT808、809、796标准大全

    无论是开发GPS设备硬件还是开发应用软件,都要面临一个标准,这个标准就是国家交通部发布的道路运输车辆卫星定位系统部标认证标准,它涵盖了GPS硬件设备参数.功能标准,也包括了设备上传到应用平台的协议标准 ...

  6. jQuery 获取Select选择的Text和 Value

    jQuery获取Select选择的Text和Value:语法解释:    1. $("#select_id").change(function(){//code...});   / ...

  7. Highcharts 树状图(Treemap)

    Highcharts 树状图(Treemap) 树状图 series 配置 设置 series 的 type 属性为 treemap ,series.type 描述了数据列类型.默认值为 " ...

  8. 032——VUE中表单控件处理之复选框的处理

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. fidder设置断点,修改请求参数等

    设置断点(来自:http://jingyan.baidu.com/article/17bd8e52216c8d85ab2bb8e9.html): 可以看到当前有一个抓取的很多的包的链接的地址的信息,那 ...

  10. Javascript-- jQuery动画篇(淡入淡出效果)

    淡入淡出效果 jQuery 提供了下面几种方法可以实现显示的淡入淡出效果: fadeIn() fadeOut() fadeToggle() fadeTo() fadeIn()方法 fadeIn()实现 ...