Sublime簡介

· Sublime簡介

· 1.安裝package管理工具

· 2.調(diào)出installpackage界面

· 3.常用工具包

· 4.常用包使用說明

o AdvancedNewFile

o Djaneiro

o Emmet

o Git

o Side Bar

o HTML/CSS/JS Prettify

o Python PEP8 Autoformat

o SublimeCodeIntel

o ColorPicker

o OmniMarkupPreviewer

o ConvertToUTF8

o Terminal

o Side?Bar?Enhancements

o 自帶技巧

· 5.腳本一鍵安裝

· 6.ubuntu14.04中文支持

· 開發(fā)環(huán)境

Sublime簡介

Sublime Text是一個代碼編輯器。也是HTML和散文先進的文本編輯器。漂亮的用戶界面和非凡的功能，例如：多選擇，Python插件，代碼段等等。完全可自定義鍵綁定，菜單和工具欄等等.漂亮的用戶界面和非凡的功能，Sublime Text的主要功能包括：拼寫檢查，書簽，完整的 Python API ， Goto 功能，即時項目切換，多選擇，多窗口等等。

sublime 下載網(wǎng)址: http://www.sublimetext.com/3

1.安裝package管理工具

用反引號，`ctrl+``調(diào)出命令輸入窗口

import urllib.request,os;pf = 'Package Control.sublime-package';ipp = sublime.installed_packages_path();urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

設(shè)置vim模式，Sublime Text 內(nèi)置 Vim 模式支持，你只需到用戶設(shè)置文件將 "ignored_packages": ["vintage"] 中的 vintage 刪除即可。

快速體驗：

#! /usr/bin/python

print "hello world itcast"

快速運行　ctrl+b

2.調(diào)出installpackage界面

ctrl + shift + p

install package

3.常用工具包

AdvancedNewFile

Djaneiro

Emmet

Git

Side Bar

HTML/CSS/JS Prettify

Python PEP8 Autoformat

SublimeCodeIntel

ColorPicker

OmniMarkupPreviewer

4.常用包使用說明

AdvancedNewFile

可以創(chuàng)建文件，也可以連目錄和文件都創(chuàng)建 win+alt+n

Djaneiro

django一些語法快速補齊功能，參考如下 https://packagecontrol.io/packages/Djaneiro

Emmet

快速縮寫html,tab補齊,

代碼簡寫擴展神器

ul#test>li*4 Ctrl+e展開上述指令

html:5 補齊html

p.foo 補齊class

p#foo 補齊id

> 子元素符號，表示嵌套的元素

+ 同級標(biāo)簽符號

^ 可以使該符號前的標(biāo)簽提升一行

更多參考：http://www.iteye.com/news/27580

Git

集成git ctrl+shift+p 輸入git

Side Bar

折疊目錄樹 ctrl+k ctrl+b

HTML/CSS/JS Prettify

格式化代碼 鼠標(biāo)右鍵，從里面選

Python PEP8 Autoformat

格式化python代碼 ctrl+shift+r

SublimeCodeIntel

自動匹配補全代碼 ctrl+f3 調(diào)到變量定義的地方

ColorPicker

屏幕拾色器 ctrl+shift+c

OmniMarkupPreviewer

更多插件，設(shè)置OmniMarkupPreviewer的package setting中的default。修改里面的extensions "extensions": ["extra", "codehilite", "toc", "strikeout", "smarty", "subscript", "superscript"]

安裝語法高亮支持插件 sudo pip install pygments

將標(biāo)記語言渲染為 HTML 并在瀏覽器上實時預(yù)覽，同時支持導(dǎo)出 HTML 源碼文件。 ctrl+alt+o 導(dǎo)出在瀏覽器上預(yù)覽 ctrl+alt+x 導(dǎo)出生成html文件 ctrl+r 文檔標(biāo)簽導(dǎo)航 [TOC] 文件開頭插入，生成頁面時自動增加目錄標(biāo)題索引 mdlink 插入鏈接 mdimg 插入圖片 mdacr 插入?yún)⒖际芥溄?mdfn 插入腳注

OmniMarkupPreviewer更多介紹：http://blog.leanote.com/post/54bfa17b8404f03097000000

設(shè)置mkdown插入超鏈接等快捷鍵snippet文件，存儲到/home/xwp/.config/sublime-text-3/Packages/User下

ConvertToUTF8

直接在菜單欄中可以轉(zhuǎn)，專為中文設(shè)計

Terminal

Sublime版的在當(dāng)前文件夾內(nèi)打開 ctrl+shift+t

Side?Bar?Enhancements

右鍵一下子多處很多選擇

自帶技巧

· 修改同一個變量,光標(biāo)放在變量后，兩次 ctrl+d

· 多變量修改，按住ctrl，鼠標(biāo)點擊修改位置

· 查找 ctrl+f

· 插入注釋 ctrl+shift+/

· 注釋當(dāng)前行 ctrl+/

· 分屏 Alt+Shift+1(非小鍵盤)窗口分屏，恢復(fù)默認(rèn)1屏 Alt+Shift+2 左右分屏-2列 Alt+Shift+3 左右分屏-3列 Alt+Shift+4 左右分屏-4列 Alt+Shift+5 等分4屏 Alt+Shift+8 垂直分屏-2屏 Alt+Shift+9 垂直分屏-3屏

· 標(biāo)簽切換 alt+數(shù)字

· Ctrl+Shift+P 打開命令面板

· 關(guān)閉當(dāng)前標(biāo)簽文件ctrl+f4

· f11全屏

5.腳本一鍵安裝

cd ~/home/xwp/.config/sublime-text-3/Packages

echo Install...

echo ==================================================

echo === Package Control ===

rm -rf "Package Control"

git clone https://github.com/JustQyx/Sublime-Text-Package-Control.git "Package Control"

echo === Block Cursor Everwhere ===

rm -rf "Block Cursor Everwhere"

git clone https://github.com/ingshtrom/BlockCursorEverywhere.git "Block Cursor Everwhere"

...

6.ubuntu14.04中文支持

1. 先安裝搜狗輸入法

http://pinyin.sogou.com/linux/?r=pinyin

1.下載編譯依賴包(如果下載不成功，更新下軟件源，用sohu的源)

sudo apt-get install build-essential libgtk2.0-dev

2.創(chuàng)建sublime-imfix.c文件，放入以下代碼

/*

* sublime-imfix.c

* Use LD_PRELOAD to interpose some function to fix sublime input method support for linux.

* By Cjacker Huang *

*

* gcc -shared -o libsublime-imfix.so sublime_imfix.c `pkg-config --libs --cflags gtk+-2.0` -fPIC

* LD_PRELOAD=./libsublime-imfix.so sublime_text

*/

#include

#include

typedef GdkSegment GdkRegionBox;

struct _GdkRegion

{

long size;

long numRects;

GdkRegionBox *rects;

GdkRegionBox extents;

};

GtkIMContext *local_context;

void

gdk_region_get_clipbox (const GdkRegion *region,

GdkRectangle *rectangle)

{

g_return_if_fail (region != NULL);

g_return_if_fail (rectangle != NULL);

rectangle->x = region->extents.x1;

rectangle->y = region->extents.y1;

rectangle->width = region->extents.x2 - region->extents.x1;

rectangle->height = region->extents.y2 - region->extents.y1;

GdkRectangle rect;

rect.x = rectangle->x;

rect.y = rectangle->y;

rect.width = 0;

rect.height = rectangle->height;

//The caret width is 2;

//Maybe sometimes we will make a mistake, but for most of the time, it should be the caret.

if (rectangle->width == 2 && GTK_IS_IM_CONTEXT(local_context)) {

gtk_im_context_set_cursor_location(local_context, rectangle);

}

}

//this is needed, for example, if you input something in file dialog and return back the edit area

//context will lost, so here we set it again.

static GdkFilterReturn event_filter (GdkXEvent *xevent, GdkEvent *event, gpointer im_context)

{

XEvent *xev = (XEvent *)xevent;

if (xev->type == KeyRelease && GTK_IS_IM_CONTEXT(im_context)) {

GdkWindow *win = g_object_get_data(G_OBJECT(im_context), "window");

if (GDK_IS_WINDOW(win)) {

gtk_im_context_set_client_window(im_context, win);

}

}

return GDK_FILTER_CONTINUE;

}

void gtk_im_context_set_client_window (GtkIMContext *context,

GdkWindow *window)

{

GtkIMContextClass *klass;

g_return_if_fail (GTK_IS_IM_CONTEXT (context));

klass = GTK_IM_CONTEXT_GET_CLASS (context);

if (klass->set_client_window) {

klass->set_client_window (context, window);

}

if (!GDK_IS_WINDOW (window)) {

return;

}

g_object_set_data(G_OBJECT(context), "window", window);

int width = gdk_window_get_width(window);

int height = gdk_window_get_height(window);

if (width != 0 && height != 0) {

gtk_im_context_focus_in(context);

local_context = context;

}

gdk_window_add_filter (window, event_filter, context);

}

3.編譯

gcc -shared -o libsublime-imfix.so sublime_imfix.c \`pkg-config --libs --cflags gtk+-2.0\` -fPIC

4.設(shè)置共享庫加載

sudo cp libsublime-imfix.so /usr/lib/

修改/usr/share/applications/sublime_text.desktop文件

sudo vim /usr/share/applications/sublime_text.desktop

打開后將 Exec=/opt/sublime_text/sublime_text %F 修改為

Exec=bash -c 'LD_PRELOAD=/usr/lib/libsublime-imfix.so /opt/sublime_text/sublime_text' %F

將 Exec=/opt/sublime_text/sublime_text -n 修改為

Exec=bash -c 'LD_PRELOAD=/usr/lib/libsublime-imfix.so /opt/sublime_text/sublime_text' -n

這樣就通過快捷方式打開SublimeText 3就可以支持中文輸入了。 參考鏈接:http://blog.csdn.net/cywosp/article/details/32350899

開發(fā)環(huán)境

虛擬機vmware運行ubuntu14.04，設(shè)置虛擬機網(wǎng)卡為nat模式

編輯->虛擬網(wǎng)絡(luò)編輯器 -> 查看VMnet8的設(shè)置 -> 查看設(shè)置，記錄網(wǎng)關(guān)和ip范圍

在ubuntu14.04里編輯

sudo vi /etc/network/interface

# interfaces(5) file used by ifup(8) and ifdown(8)

auto lo

iface lo inet loopback

iface eth0 inet static

address 192.168.169.180

netmask 255.255.255.0

gateway 192.168.169.2 #這個地址你要確認(rèn)下 網(wǎng)關(guān)是不是這個地址

dns-nameservers 192.168.169.2

auto eth0

重啟虛擬機

windows下使用sublime,安裝sftp插件，下載同步服務(wù)器上內(nèi)容

ctrl+shift+p -> install -> 回車 -> sftp ->回車

windows下使用xshell遠程連接