ubuntu sublime安装及配置

最新推荐文章于 2017-12-26 16:30:00 发布

最新推荐文章于 2017-12-26 16:30:00 发布 · 99 阅读

文章标签：

#javascript #ruby #python #ViewUI

本文介绍如何在Ubuntu系统上安装Sublime Text 2和3，并配置Package Control插件管理器。此外还列举了一些常用的插件，如CSS格式化、侧边栏增强、Emmet等，帮助提高开发效率。

安装sublime-text-2:

sudo add-apt-repository ppa:webupd8team/sublime-text-2
sudo apt-get update
sudo apt-get install sublime-text

安装上第三方插件管理:

按ctrl+`（1左边的键），调出命令窗口，输入

import urllib2,os; 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())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')

重启sublime

按下Ctrl+Shift+p调出命令窗口，输入Package Control: Install Package后回车可以看到第三方包，选定想要的点击便可以安装

安装sublime-text-3(推荐):

sudo add-apt-repository ppa:webupd8team/sublime-text-3
sudo apt-get update
sudo apt-get install sublime-text-installer

sublime text 3 启用Package Control（ ctrl+` shortcut or the 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://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)

常用插件:

1格式化css代码

compact_expand_css_command

选择Preferences>Key Bindings - User
加入如下代码：
{ "keys": ["ctrl+super+]"], "command": "compact_expand_css", "args": { "action": "expand" } },
{ "keys": ["ctrl+super+["], "command": "compact_expand_css", "args": { "action": "compact" } }
快捷键：control+command+[ 或者 control+command+]

2左边文件目录树

SideBarEnhancements
在view>side bar>show open files，然后hide tabs

3.html标签快捷操作
emmet
tools>command palette>package control>enable package

4.js格式化插件
JsFormat
用于格式化 javascript 的代码, 之后可以 cmd + shift + p 找 Format: javascript 就可以了

5.html格式化
tag
选中需要格式化的区域,快捷键：ctrl+alt+f，编写 html 或者 xml 的时候, 这个插件可以自动关闭打开的标签.

6高亮识别括号匹配
Bracket Highlighter
按preferences-->package settings-->Bracket highlighter-->Bracket settings-Default会打开一个文件
将"bracket_styles"中的style改为hightlight

7高亮出错的代码行
SublimeLinter

8排列整齐变量
Alignment
var a = 123;//用var声明的变量将以（ = ）对其。
var helloworld = 12334;

不过这插件默认使用的是 ctrl + cmd + a 和那个抢了 5个全局个快捷键的QQ冲突, 所以需要修改插件的快捷键. 点击菜单 Preferences -> KeyBindings - User, 加入如下内容

{ "keys": ["super+ctrl+alt+]"], "command": "alignment" }

将快捷键修改成 ctrl + opt + cmd + ], 要改成什么其他的也请自行修改.

9 jquery自动函数与单词提示与补全
jquery
tab

10调试 JavaScript 代码
Web Inspector

11 windows笔记本格式支持
“ConvertToUTF8”和“GBK Encoding Support"或"Ecoding Helping",在mac电脑可能会遇到这两个插件冲突，先要把ConvertToUTF8禁用，然后再开启就可以解决冲突了

12取色插件

ColorPicker：支持在各个平台下取色(window, mac, ubuntu) 插件, 输入 cmd + shift + c 开启, 相当好用.

13自动检测写文件内容

自动检测写文件内容, 切换到对应的正确的语言, 如 Gemfile => ruby.