sublime text整理代码代码怎么使用

linux(16)
Andriod(23)
开发环境以及工具软件(5)
注:该软件也有 linux 版本的,本人就喜欢在ubuntu下使用该软件进行轻量级的代码编写.其官方为:/
下面是内容是转载过来的~
写在前面的话:平时做项目中在用eclipse和vs,但是对于一些小项目,感觉没有必要搞那么大的一个工具使用,比如写个小微商城,搞个小脚本了什么,所以就一直在用Sublime Text,界面清新简洁,没有多余的令强迫症用户抓狂的点,所以今天也简单总结一下我使用过程中用的最多的一些小技巧,分享给大家。
=====正文开始=====
1.Sublime Text2 or Sublime Text 3?
  虽然两者用起来差不多,但还是用最新版本吧,虽然是beta版,但是毕竟也有了一些更新,比如界面UI的一些小的变化,安装的package文件也是直接安装在了sublime text3文件夹里面,而不是安装在C盘的其他目录,同时也是一个绿色版本,一些配置也能够方便备份保留。
2.Sublime Text3是绿色版的,如何添加到右键菜单,可以快速使用Sublime Text3打开?
  (1)cmd命令中运行:regedit,打开注册表。
  (2)依次找到HKEY_CLASSESS_ROOT-&*-&Shell,下面新建项,命名为Edit with Sublime Text3。
  (3)在项“Edit with Sublime Text”下新建字符串值,命名为Icon,值为“C:\Program Files\Sublime Text Build 3065\sublime_text.exe,0”,其中黑色地址为 Sublime Text程序文件地址。
  (4)在项“Edit with Sublime Text”下新建项Command,该Command项下默认值修改为“C:\Program Files\Sublime Text Build 3065\sublime_text.exe,1”。
  (5)设置完成后,无需重启电脑,就可以在右键菜单中,显示Edit with Sublime Text3。
3.Sublime Text3基本界面等参数设置?
  Sublime Text3默认界面设置配置文件在Preferences----&Settings-Default。
  我们可以通过在Settings-User配置文件中增加值来覆盖Setting-Default中的设置值,设置值的格式可以参看Setting-Default配置文件中设置,例如下面我设置的字体大小、行高亮显示和侧边栏文件夹图标加粗。设置完成后Ctrl+S保存后,无需重启Sublime Text3即可立即生效。
4.Sublime Text3常用快捷键?
  有很多快捷键是和操作系统一致的,也有很多很有意思的其他快捷键操作,默认的快捷键设置在Preferences---&Key Bindings-Default中,里面可以查到所有的快捷键,同样可以在Key Bindings-User中,重新设置新的值,来覆盖默认设置。下图是我自定义设置的两个快捷键。
  下面把我常用的一些快捷键总结如下:
  (1)格式化代码:alt+shift+f  自己设置的,选择代码后按此快捷键可以格式化代码。
  (2)折叠代码:ctrl+shift+[  自己设置的,可以折叠方法里面的代码,当一个类文件中方法比较多时,可以使用。
  (3)打开刚刚关闭的窗口:ctrl+shift+T  默认设置。
  (4)全屏显示:F11  默认设置。
  (5)免打扰全屏显示:Shift+F11  默认设置,比F11显示的更大。
  (6)多处选择相同的词:Ctrl+D,回退选择Ctrl+U  默认设置,非常有用,可以试试。
  (7)取消窗口显示:ESC  默认设置,比如当我们Ctrl+F搜索时,底部会有搜索框,由于找不到上面关闭×,因此按下ESC,就可以很容易关闭了。
  (8)在代码上面新增一行:Ctrl+shift+Enter  默认设置
  (9)逐词移动:Ctrl+左右键  默认设置,直接按左右键是一个字母一个字母的移动。
  (10)显示类和方法提纲:Ctrl+R  默认设置,可以很容易知道一个类中都有哪些方法。
  (11)显示n个窗口:alt+shift+1,或者2,3...显示n个窗口,例如写css的时候,可以一个窗口开html,一个窗口开css
5.Sublime Text3一些有意思的插件?
  Sublime Text3有很多有意思的插件,可以方便我们的编码,但是插件不应该泛滥使用,否则的话,还不如用IDE呢。为方便插件的安装和管理,第一个应该安装的插件,其实就是包管理插件,Package Control,这样以后安装插件就方便多了。  
(1)Package Control插件安装:
  1)选择Sublime Text3菜单栏的View---&Show Console,底部出现Console框。
  2)将下面代码输入Console框中,按回车,等待安装成功即可。  
import urllib.request,os, h = 'ebf27d836c04bb0cbaf282' + 'd0e7accb37ca9d6b2e4b7d'; 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://packagecontrol.io/' + 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)
  3)安装成功后,之后安装别的包,直接按下快捷键Ctrl+Shift+P,输入install,即可安装包;输入remove即可删除已经安装的包。
(2)折叠状态保留插件:BufferScroll
  前面我们设置了折叠代码的快捷键,但是每次重启Sublime Text3或者重新打开页面后,折叠状态就会消失,安装完成此插件后,代码折叠状态就能够保留了。安装方法如下:按下Ctrl+Shift+P--&输入install,选择Install Package--&输入BufferScroll,安装即可。&
6.Sublime Text3配置X-debug断点调试PHP代码?
  Sublime Text3写js、css和html挺好用的,写php也非常舒服,虽然调试PHP用别的软件比较好,但是感觉用习惯Sublime Text3了,因此也想办法为它设置完成调试功能,对于调试一般小的项目,足够了。设置步骤如下:
(1)为PHP配置x-debug插件
  1)新建一个php文件,写一个方法phpinfo(),在浏览器中运行,右键查看源代码,将html代码复制进剪切板。
  2)打开网址:http://xdebug.org/wizard.php,将前面复制的html源代码粘贴到该网站文本框内,点击Analyse my phpinfo() output。
  3)按照分析结果说明,安装合适的x-debug插件,直至安装成功。
  4)修改php.ini文件,增加一下代码:
xdebug.remote_enable=1
xdebug.remote_handler=dbgp
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9000
xdebug.remote_log=&C:\Program Files\PHP\xdebuglog\xdebug.log&
  其中xdebug.remote_log配置xdebug日志文件地址,可以设置成自己想要的地址。
  5)重启Apache或其他在用的Web Server。
  至此,为php配置x-debug插件成功。
(2)配置Sublime Text3 x-debug插件
  1)按下Ctrl+Shift+P--&输入install,选择Install Package--&安装Xdebug client。
  2)选择Sublime Text3菜单栏:Tools---&Xdebug---&Settings---&User自定义设置调试信息,其中Settings---&Default是Xdebug默认的配置文件。(同Sublime Text3软件类似,插件也有自己默认的配置文件和供用户自定义设置的配置文件)
&  3)Settings-User配置增加配置信息如下:
  其中launch_browser设置为true,那么调试时,会打开浏览器;close_on_stop设置为true,那么调试结束时,可以关闭不必要的显示的调试窗口;url设置调试入口地址,当按下调试按键时,直接就会跳入该入口地址。 
  至此,就可以使用x-debug进行调试了,但是如果觉得使用Xdebug默认的快捷键不方便,那么可以设置自己想要的快捷键。设置方法见下面。
  4)自定义调试快捷键
  由于Xdebug没有自己的快捷键自定义配置文件,因此我们在Sublime Text3软件快捷键配置文件中进行设置。打开菜单栏Preferences---&Key Bindings-User,新增如下代码:
  其中的快捷键是Xdebug默认的,修改成自己喜欢的快捷键就行了,例如与vs或者eclipse一致。
  至此,Sublime Text3基本设置就好了,设置的差不多,就去安心的写代码吧。
/wuguanglei/p/4286550.html
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:4834次
排名:千里之外
转载:37篇
(12)(12)(8)(11)(1)(1)(1)sublime text常用插件 | css3教程
sublime text常用插件 | css3教程
关于这个编辑器,大家多少也有所耳闻了,甚至正在使用,而我从editplus转向sublime text已经有一段时间了,经过一段时间学习与使用,也有点个人的心得,下面跟大家分享下常用的一些插件。
1、插件的安装方法
第一种:用package control
这个是用来管理插件的,必备啊,安装package control的步骤:
按Ctrl+`调出console
在底部代码行贴上以下代码并回车:import urllib2,pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else Nopen(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
重启sublime text,如果在Perferences-&package settings中看到package control这一项,则安装成功。如果不成功,那就只好自己手动安装喽:
package control安装完之后,以后我们要安装插件直接Ctrl+Shift+P调出命令面板,输入install package这个命令,然后输入我们需要安装的插件回车或者在下面的列表中选择就ok了,一般安装完毕都会自动打开该插件的readme文档。
第二种:手动安装,如果上面的那个能搞定,这个手动的不了解也罢哈哈
在菜单栏中找到 preferences & packages,点击打开就是sublime text插件的地址了,把你下载的插件直接丢进来就ok了(以后你要是忘了哪个插件的快捷键,也可以这样找到你的那个插件文件包,阅读下readme)
2、常用插件
以下所有插件,都是通过package control来安装的,Ctrl+Shift+P调出命令面板,输入install package命令,你就可以看到sublime text的所有插件了,另外如果要卸载一个插件的命令是remove package。强烈建议大家安装完每个插件后都看下它readme,那里面有使用方法。所有的插件文件夹都可以通过菜单栏的Preferences》Browse packages找到,如果你忘记了某个插件的使用方法,也可以从这里进去找到该插件的readme看看
作为zen coding的升级版,对于前端来说,可是必备插件,如果你对它还不太熟悉,可以在其官网()上看下具体的视频教程。当然在sublime text中emmet的快捷键有些改变,按tab或ctrl+e都可以扩展,具体的其他快捷键改变请参看
另:安装emmet升级版本之后,会弹出一个package control message里面有一些它升级的信息,建议大家读下。里面有一条说是升级后tab键太强大了,把自定义的一些代码片段都给覆盖了,所以如果你自定义了一些自己的代码片段,你就得处理下了。原文如下“By default, Emmet allows you to expand abbreviations with Tab key in HTML, XML, HAML and CSS/SASS/LESS/Stylus documents. As a side effect, you can’t use some of your ST2 snippets.”。我目前的处理方法是在Emmet.sublime-settings文件中直接禁用了tab键,设置disable_completions为true。关于emmet的第二点经验就是如何更改emmet里面的代码,在emmet插件里面找到snippets.json这个文件,打开看看,找到你想修改的,如"d:ib": "display:inline-"这条我们把后面修改成"display:inline-*display:*zoom:1;"
liveReload
顾名思义,就是自动更新,而不需要我们编辑一次就手动刷新一下。
安装好liveReload插件之后,就是给浏览器安装相应的插件了,在readme中可以找到谷歌和火狐的插件地址分别为:,
yui compressor
yui压缩,可以压缩js和css文件,运行于java环境,安装之后,同样可以参考readme文件,就知道它是怎么用的了
Search in Browser
这个就是直接在编辑器中直接快捷键“ctrl+alt+g”,打开谷歌搜索,当然还有其他的,可以参考readme文件,同样还有一个插件stackoverflow search,可以直接在stackoverflow里面搜索你的问题。
nettuts fetch
这个插件能让你快速的取得远程文件或文件夹,而不用再去翻找。使用方法很简单,总共有三个命令,分别是fetch:file,fetch:manage和fetch:package如下图:
先使用fetch:magnage管理我们以后需要获取的文件或文件夹,如下图:
最后我们就可以使用fetch:file获取文件,fetch:package获取文件夹
详细教程:
代码版本控制等
TortoiseSVN
gist(线上代码片段)
格式化代码
Tag(可以格式化html,有注释的时候表现不是很理想)
bracket highlighter(括弧高亮显示)
Goto-CSS-Declaration(跳转到css文件该class的声明处,注意对应的css文件要同时打开才行)
jquery package,scss(支持scss的语法高亮)
Clipboard History(剪切板历史,可以保存多个复制信息,按下ctrl+alt+v,可以选择历史剪切板)
3、不建议再用的插件
prefixr(css3前缀)
placeholders(填充一些文本内容)。
之所以不建议使用上面两个是因为用emmet就可以解决了,所以说emmet是多么的强大啊
发表评论:
TA的最新馆藏[转]&The page is temporarily unavailable
nginx error!
The page you are looking for is temporarily unavailable.
Please try again later.
Website Administrator
Something has triggered an error on your
This is the default error page for
nginx that is distributed with
It is located
/usr/share/nginx/html/50x.html
You should customize this error page for your own
site or edit the error_page directive in
the nginx configuration file
/etc/nginx/nginx.conf.私活儿神器
MASHUPCLOUD 聚云网
jQuery API中文文档
适用jQuery 1.0 – jQuery 1.10.2,jQuery 2.0 – jQuery 2.0.3,翻译至官方文档,并且跟随官方文档持续更新。
跟牛人学前端
跟牛人学前端
前端最新课程体系
妙味课堂2016年JavaScript课程大纲震撼升级、全栈来袭!
前端最新干货
前端最新干货
您的位置: » 分类:
» 文章: Sublime Text 3最好的功能、插件和设置
您可能感兴趣的文章
近期最热文章
- 2,559 - 2,161 - 2,125 - 2,038 - 1,974 - 1,551

我要回帖

更多关于 sublime text整理代码 的文章

 

随机推荐