Sublime text3 笔记

打算换个编辑器,以前用dw,在到Aptana，都是比较大的编辑器了,打开的时候都有些慢，久闻sublime text3，小巧轻便,插件丰富,所以决定换下

官网下载地址(ps 之前下载了各种的破解版,总是有一些问题,所以从官网下还是靠谱一点)

http://www.sublimetext.com/3

安装完之后,它是没有插件管理的(Package Control),需要自己动手安装  这个地址里面有详细的安装方法

首先在菜单栏->view->show Console

然后输入在最下面的输入框输入下面的东西

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://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)

安装完以后提示成功就ok了

在安装的过程中,我遇到了以下的一些问题

每次打开了新的文件, 关闭掉编辑器后,在打开,总是不能保存之前的文件.

这个是可以在默认设置里面修改的

在菜单栏的Preferences

"hot_exit": true,

"remember_open_files": true,

都设置成true就可以了

然后如果设置了还不生效(我也遇到过)

那是因为我下的是破解版,也没有办法解决,就从官网下载,就ok了

我是最近才开始用sublimetext3，看到之前说需要破解,需要注册码,现在我从网上看到说是不需要注册码了,已经免费,所以破解这一步可以省了

如果一不小心把菜单栏隐藏掉了,可以通过以下方式找出来

1. 按alt键,就会出现菜单栏,如果在view->show menu显示出来

2. ctrl+shift+p 呼出ackage Control，如果输入 toggle menu ，也可以显示出菜单栏目

每次新打开编辑器的时候都会弹个框询问你是否去跟新一个新版本

想取消掉这个弹框可以在按以下步骤取消掉(也可以去这个链接看图文解说)

1.打开Preferences-->Setting-User

2.添加属性"update_check":false

以上都是在win7下安装的时候遇到的问题了,在ios上我也遇到了一些问题

因为下载的时候都是在baidu里面搜索 sublimetext for mac ,下载下来的都是被别人修改过的

从官网下载下来的就没有什么问题了

插件

下载下来的sublime是非常小的,大概就5m多一些

所以功能不是非常的强大,但是它有强大的插件支持。那么如何来安装这些插件了,操作如下

1.ctrl+shift+p 呼出 (或者Preferences-->Package Control)

2.输入install，按回车

3.按回车之后,弹框会消失,等弹框再次出现的时候,输入需要安装的插件即可(比如输入Emmet)

既然有添加插件,那就可能有删除插件

1.ctrl+shift+p 呼出 (或者Preferences-->Package Control)

2.输入remove Package,

3.这时会显示已经安装的插件,选择一个按回车键即可

有时候装的插件太多了,不记得了就想看看装了哪些插件,可输入 list Packages

1.ctrl+shift+p 呼出 (或者Preferences-->Package Control)

2.输入list Packages

我安装了以下插件

emmet

这个插件很好,它使用仿CSS选择器的语法来快速开发HTML

比如

写div>ul>li*3,然后按tab键,可以自动生成html标签

	<div>
		<ul>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>

想写个class属性可以这样

div.test按tab

<div class="tab"></div>

既然有class,那就肯定也会有属性的写法了

div[data-test="xx"]

<div data-test="xx"></div>

div#test

<div id="test"></div>

　　

convertToUTF8

sublime text对转码支持不友好,除了utf8,其他都会显示乱码,所以这个插件还是要重要的,装了之后可以支持其他的格式了

bracketHighlighter

这个插件好,可以看标签配对情况,比如div,选中开头的div,可以标出结尾的div,

当然标签匹配,只是一个功能,js的函数，数组,json都可以来匹配的

sublimecodeIntel

做前端开发的也希望能有语法检测的ide，可以用这个IDE，

我用了下其实蛮弱的

比如document按了点后可以出来一些getElementById,等等的方法,但是出不来querySelector这样的方法

而且现在大多数都是用jq(或者zepto)来写js,只支持原生的ide似乎用处不大咧

Jquery

可以支持jquery语法,不错的  　　

 JsFormat 

可以格式化js代码,快捷键是ctrl+alt+f

svn

这个还没装,估计以后会装

总之还是蛮喜欢这个编辑器的