全国咨询/投诉热线:400-618-4000

Sublime简介

更新时间:2016年09月01日17时43分 来源:Sublime,简介 浏览次数:

· Sublime简介

· 1.安装package管理工具

· 2.调出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中文支持

· 开发环境

Sublime简介

Sublime Text是一个代码编辑器。也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能,例如:多选择,Python插件,代码段等等。完全可自定义键绑定,菜单和工具栏等等.漂亮的用户界面和非凡的功能,Sublime Text的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。

sublime 下载网址: http://www.sublimetext.com/3

1.安装package管理工具

用反引号,`ctrl+``调出命令输入窗口

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())

设置vim模式,Sublime Text 内置 Vim 模式支持,你只需到用户设置文件将 "ignored_packages": ["vintage"] 中的 vintage 删除即可。

快速体验:

#! /usr/bin/python

print "hello world itcast"

快速运行 ctrl+b

2.调出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

可以创建文件,也可以连目录和文件都创建 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

> 子元素符号,表示嵌套的元素

+ 同级标签符号

^ 可以使该符号前的标签提升一行

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

Git

集成git ctrl+shift+p 输入git

Side Bar

折叠目录树 ctrl+k ctrl+b

HTML/CSS/JS Prettify

格式化代码 鼠标右键,从里面选

Python PEP8 Autoformat

格式化python代码 ctrl+shift+r

SublimeCodeIntel

自动匹配补全代码 ctrl+f3 调到变量定义的地方

ColorPicker

屏幕拾色器 ctrl+shift+c

OmniMarkupPreviewer

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

安装语法高亮支持插件 sudo pip install pygments

将标记语言渲染为 HTML 并在浏览器上实时预览,同时支持导出 HTML 源码文件。 ctrl+alt+o 导出在浏览器上预览 ctrl+alt+x 导出生成html文件 ctrl+r 文档标签导航 [TOC] 文件开头插入,生成页面时自动增加目录标题索引 mdlink 插入链接 mdimg 插入图片 mdacr 插入参考式链接 mdfn 插入脚注

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

设置mkdown插入超链接等快捷键snippet文件,存储到/home/xwp/.config/sublime-text-3/Packages/User下

ConvertToUTF8

直接在菜单栏中可以转,专为中文设计

Terminal

Sublime版的在当前文件夹内打开 ctrl+shift+t

Side​Bar​Enhancements

右键一下子多处很多选择

自带技巧

· 修改同一个变量,光标放在变量后,两次 ctrl+d

· 多变量修改,按住ctrl,鼠标点击修改位置

· 查找 ctrl+f

· 插入注释 ctrl+shift+/

· 注释当前行 ctrl+/

· 分屏 Alt+Shift+1(非小键盘)窗口分屏,恢复默认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屏

· 标签切换 alt+数字

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

· 关闭当前标签文件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.创建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.设置共享库加载

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

开发环境

虚拟机vmware运行ubuntu14.04,设置虚拟机网卡为nat模式

编辑->虚拟网络编辑器 -> 查看VMnet8的设置 -> 查看设置,记录网关和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 #这个地址你要确认下 网关是不是这个地址

dns-nameservers 192.168.169.2

auto eth0

重启虚拟机

windows下使用sublime,安装sftp插件,下载同步服务器上内容

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

windows下使用xshell远程连接

javaee

python

web

ui

cloud

test

c

netmarket

pm

Linux

movies

robot

uids

北京校区

    14天免费试学

    基础班入门课程限时免费

    申请试学名额

    15天免费试学

    基础班入门课程限时免费

    申请试学名额

    15天免费试学

    基础班入门课程限时免费

    申请试学名额

    15天免费试学

    基础班入门课程限时免费

    申请试学名额

    20天免费试学

    基础班入门课程限时免费

    申请试学名额

    8天免费试学

    基础班入门课程限时免费

    申请试学名额

    20天免费试学

    基础班入门课程限时免费

    申请试学名额

    5天免费试学

    基础班入门课程限时免费

    申请试学名额

    0天免费试学

    基础班入门课程限时免费

    申请试学名额

    12天免费试学

    基础班入门课程限时免费

    申请试学名额

    5天免费试学

    基础班入门课程限时免费

    申请试学名额

    5天免费试学

    基础班入门课程限时免费

    申请试学名额

    10天免费试学

    基础班入门课程限时免费

    申请试学名额