SublimeText下如何安装插件

SublimeText下如何安装插件及相关快捷键

一、安装packagecontrol

a)       https://packagecontrol.io/进入

b)     点击右上角的Install Now

c)      显示如下:选择版本(我这里是sublime Text 2),复制灰色部分代码

        SublimeText下如何安装插件_第1张图片

d)     打开Sublime Text, 查看(View)à显示/隐藏控制台à粘贴刚刚复制的代码到最下面的输入区àEnter

e)      重启sublime编辑器,然后Ctrl+shift+p :启动命令模式

f)      在命令框输入pc或者packagecontrol( 支持模糊匹配 ),可以看到很多命令,下面介绍下常用的命令

Install package:安装新插件

List packages:列出已安装过的软件包

Remove package:删除不必要的软件包

Disable packages:禁用不必要的软件包

 

二、插件安装失败的解决方法

问题描述:进入packagecontrol :install package显示:There are no packages available forinstallation

SublimeText下如何安装插件_第2张图片

StackOverflow上说是IPv6造成,如果我们的Intent服务提供者(ISP)不支持IPv6就会引发上述错误,具体请参考:

http://stackoverflow.com/questions/25105139/sublime-text-2-there-are-no-packages-available-for-installation

解决方法:

1、打开C:\Windows\system32\drivers\etc\hosts文件,增加如下对应关系:

2、ctrl+shift+p,再次输入package control:install package 即可

//注:如果这一步不成功,可remove掉安装过的package control 再按照上面的步骤重新安装package control.再重复第二步

 

三、插件安装及使用

插件安装方法:都通过Package Control

1、shift + cmd + p打开命令面板

2、输入 “PackageControl: Install Package” 命令,回车

3、输入安装插件的简写或全拼,找到后回车安装

 

安装主题

1、  进入https://packagecontrol.io/网站,在label下的theme里查看主题样式,选择想要安装的主题

2、  切换到sublime编辑器,ctrl+shift+p进入命令模式,输入pci或package control install然后回车

3、  输入theme-主题名称

4、  进入Sublime Text > 首选项(Preferences )> MonokaiJSON+(主题可更改)

5、  切换主题成功。当然,如果sublime Text里默认有的主题直接选择主题进行切换即可。


使用snippet

在编码过程中使用snippet能使我们的编码更快并保持良好的编码风格

//注:我们不可能一开始就知道所有snippet插件的功能以及使用方法,可以进入官方网站https://packagecontrol.io/,Labelsàsnippetà进行查询

Ctrl+shift_+p启动命令模式,输入snippet,可选择函数等。

SublimeText下如何安装插件_第3张图片

 

以function为例:

SublimeText下如何安装插件_第4张图片

这时可以修改函数名,通过tab键跳到参数修改参数,再通过tab键跳到函数体内

省去了光标移动的麻烦。

我们在编辑器中输入fun+Enter可以完成跟刚才相同的操作

我们输入ife+Enter可以完成if-else的结构

 

l  安装javascript &NodeJssnippet插件

安装方式与上雷同,这时就可以在代码区域输入简写以模糊匹配,比如:输入gi可模糊匹配document.getElementById().

相同的步骤还可安装jQuery的snippet插件

 

其他插件:

1、管理更新类库:Nettuts+ Fetch

2、语法校验

a)      安装sublimeLinter

b)     安装sublime-jshint

3、Sublime Prefixr

Prefixr,CSS3私有前缀自动补全插件,显然也很有用哇

4、SublimeCodeIntel

代码自动提示

5、Bracket Highlighter

类似于代码匹配,可以匹配括号,引号等符号内的范围。

6、DocBlockr :快速添加注释

安装好后在代码区输入/* +Enter 自动补全注释块,/**+Enter自动补全注释块,且每行行首*都会跟下来

 

四、Sublime Text快捷键:

ctrl+N :新建文件

ctrl+shift+V :保持缩进的粘贴内容

ctrl+P : go to anything转到任何的快捷键

//在css文件下,在go to anything输入框输入@+id/class名,立即转到该id/class下

//go to anything 后:在输入框输入 #标记:可快速进入页面的某一标签

ctrl+shift+P:启动命令模式

ctrl+shift+P :SSJ/SSH/SSC等切换模式(支持模糊匹配)
!+ctrl+E :快速生成html的基础标记

ctrl+D:多行游标功能 //选中关键字或者标记之后,ctrl+D

alt+C :回掉函数的快捷键// 前提是已经安装insert callback 插件

script+ctrl+E :即可产生封闭的script标签 //script可换成其他标签即可生成其他封闭的标签

选中内容 ctrl+ } :增加缩进  ctrl+{ : 减少缩进

ul>.items$*10,ctrl+E :在ul下生成10个class名为items的li元素

 

你可能感兴趣的:(工具使用)