Ubuntu Sublime 配置

2018.4.14

Ubuntu Sublime 配置

　　承 Ubuntu Apache 域名配置篇

一. 序言

LAMP 搭建好了， 選一個合適本身的武器進行做戰， 選個本身喜歡的開發工具， 或者接受一個而後慢慢熟悉它。 這樣讓你更駕輕就熟。 感受很cool。

二 . 需求

 

Sublime Text3

三. 開始

1) Ubuntu 上安裝Sublime

官網網址， 很方便， 跨平臺， 選擇Linux 版本下載。

https://www.sublimetext.com/docs/3/linux_repositories.html

 

 

----------------------------------------+

Tips： 查看電腦信息。

cat /etc/issue # 查看Ubuntu 版本

uname -a # 查看Linux 系統所有信息

uname -m # 查看你電腦是多少位操做系統

-----------------------------------------+

用倉庫管理下載， 點擊apt。 會出現如下的話。

apt

Install the GPG key: 　　　　　　　　　　　　　　　　　　 # GPG 加密key

wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add -

Ensure apt is set up to work with https sources: 　　# 確保apt已設置爲使用https資源

sudo apt-get install apt-transport-https

Select the channel to use:

Stable 　　　　　　　　　　　　　　　　　　　　　　　　　　　# 穩定版

echo "deb https://download.sublimetext.com/ apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list

Dev 　　　　　　　　　　　　　　　　　　　　　　　　　　　　 # 開發版本

echo "deb https://download.sublimetext.com/ apt/dev/" | sudo tee /etc/apt/sources.list.d/sublime-text.list

Update apt sources and install Sublime Text 　　　　 # 更新apt 資源， 並安裝。

sudo apt-get update

sudo apt-get install sublime-text

Tip： 安裝穩定版的便可， 安裝的是Sublime Text3， 偶爾會提醒你購買， 但能夠使用， 點擊取消便可。

2） 使用Sublime

按Windows 鍵， 搜索Sublime 就出來了， 點擊打開。 進行配置。

a) 安裝插件

. 安裝各類插件包， 需先打開命令板， 安裝「安裝包」。

Ctrl + Shift + P 　　# 顯示命令面板

. 輸入。 當你輸入前幾個單詞時就已經出現。 回車安裝打開它。

install Package

. 插件推薦， 插件安裝

# 實用的sublime插件集合 – sublime推薦必備插件

引用 授人以漁 的博文

http://www.xuanfengge.com/practical-collection-of-sublime-plug-in.html

# 我本身用的幾個

Emmet 　　　　　　　　 　　　# 自動補齊

Alignment 　　　　　　　　  # 代碼對齊， 快捷鍵Ctrl+Alt+A

Bracket Highlighter 　　　# 代碼匹配

Git 　　　　　　　　　      # git管理

ConvertToUTF8 　　　　　　 # 文件轉碼成utf-8

AutoFileName 　　　　　　　# 快捷輸入文件名

PackageResourceViewer 　　# 資源包預覽， 下面介紹

SublimeTmpl 　　　　　　   # 各類文件模版， 下面介紹

# install Package 也能夠下載主題， 去網上搜索你中意的主題下載下來， 就能夠使用。

b) 配置

# 字體配置

. Sublime 菜單欄倒數第二個Preferences, 點擊, 打開下面的setting， 進入到另外一個頁面

 

  左邊的配置的參數選擇， 通常複製到右邊而後填值便可。

  右邊就是我如今的配置。

 

{

"color_scheme": "Packages/Color Scheme – Default/Monokai.tmTheme", # 顏色方案

"ignored_packages":

[

"Vintage"

],

"theme": "Adaptive.sublime-theme",  # 主題

"font_face": "MONACO", 　　　　 　　  # 字體更換

"font_size": 13,　　　　　　　　 　　  # 字體大小

"font_options": 　　　　　　　　　　   # 字體選項

[

"no_italic" 　　　　　　　　　　　　　  # 不可斜體

]，

"word_separators": "./\\()\"'-:,.;<>~!#^&*|+=[]{}`~?",

"word_wrap": true 　　　　　　　　    # 自動換行

}

"word_separators": "./\\()\"'-:,.;<>~!@#$%^&*|+=[]{}`~?"

這個配置是， 當你雙擊一個變量名時， 好比$arr, 若是用原選項的話， 只會選中arr， 而不會選中$， 若把選項中的$ 去掉， 雙擊就會選中$arr， 我通常經常使用$ 和@， 因此我就暫時去掉這兩個符號。

 

  

  

我就更換了一下字體， 不讓斜體， 和自動換行。 字體在第一章， Ubuntu 篇介紹過。 把你喜歡的字體下載下來複制到/usr/share/fonts/truetype 下便可。 把名字寫對， 就會生效。

有的主題的字是斜體， 我就統一都不用斜體。 自動換行看着舒服些。其餘須要配置的可本身搜索一下。

# 註釋顏色更換

用上面下過的插件， PackageResourceViewer。 步驟開始： Ctrl + Shift + P， 輸入 PackageResourceViewer： Open Resource， 打開Color Scheme – Default， 選擇你選過的顏色方案。

Tip： Color Scheme 顏色方案， 就是點擊菜單欄倒數第二個Preferences 下的Color Scheme 後你選擇的一種顏色配置。 你選中哪個你就更改哪個。

繼續： 我選中的是Monokai， 因此我打開它。 打開了一個文件

 

各類類型字體的顏色都在這裏， 包括背景等… 而後Ctrl + F 搜索Comment， 把它的顏色foreground 改成#57A64A， 保存。 註釋的顏色就變成綠色的了。 在其中你能夠多配置其餘選項你本身喜歡的顏色。

# SublimeTmpl 的使用

SublimeTmpl 的快捷鍵Ctrl + Alt + ..， 好比我要快速打開一個PHP 模版， 快捷鍵Ctrl + Alt + P， Html 模版， 快捷鍵Ctrl + Alt + H 等等， 打開模版之後發現不是本身喜歡的樣子， 就自行設計一下。

 

此次仍是點擊Preferences， 以後點第一個Browse Packages… 進入文件夾。

 

 

打開SublimeTmpl 文件夾， 下的templates 的php.tmpl， 打開後按本身喜歡的樣式編輯便可。

  

c) 中文輸入

  

Sublime 不能自帶中文輸入， 必須進行配置。

 

1. 下載fcitx 輸入法

 

sudo apt-get update && sudo apt-get upgrade

 

git clone https://github.com/lyfeyaj/sublime-text-imfix.git

  

cd sublime-text-imfix

  

./sublime-imfix

 

運行上面命令後， 靜靜等待安裝fcitx， 安裝完後， Ctrl + Alt + Delete 註銷一下， 再登陸。

 

Windows鍵， 輸入language， 打開語言支持， 輸入法選擇系統選擇fcitx。 再去設置中→ 區域和語言→ 輸入源， 把多餘的輸入法都去掉。

 

2. 建立一個文件夾在～ 下， 而後建立兩個文件， sublime_imfix.c， sublime.desktop

  

mkdir sublime

 

cd sublime

 

sudo vim sublime_imfix.c

 

複製下面代碼進去。

 

#include <gtk/gtkimcontext.h>

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

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

if(!GDK_IS_WINDOW (window))

return;

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

}

 

而後保存退出。

 

sudo vim sublime.desktop

 

複製下面代碼進去。

 

[Desktop Entry]

Name=Sublime

Exec=bash -c "LD_PRELOAD=/opt/sublime_text/libsublime-imfix.so exec /opt/sublime_text/sublime_text %F"

Icon=/opt/sublime_text/Icon/256x256/sublime-text.png

Terminal=false

Type=Application

Categories=Development;

 

[Desktop Action Document]

Exec=bash -c "LD_PRELOAD=/opt/sublime_text/libsublime-imfix.so exec /opt/sublime_text/sublime_text --command new_file"

 

3. 把sublime_imfix.c 文件編譯成共享庫libsublime-imfix.so, 並把libsublime-imfix.so 移動到sublime_text 所在文件夾

 

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

 

sudo mv libsublime-imfix.so /opt/sublime_text/

  

4. 修改文件/usr/bin/subl 的內容

 

sudo vim /usr/bin/subl 

 

 

原句爲：

#!/bin/sh

exec /opt/sublime_text/sublime_text "$@"

 

替換爲：

 

#!/bin/sh

LD_PRELOAD=/opt/sublime_text/libsublime-imfix.so exec /opt/sublime_text/sublime_text "$@"

 

5. 把sublime.desktop 移動到/usr/share/applications/ 下

 

sudo mv sublime.desktop /usr/share/applications/

  

這樣， 打開這個sublime 桌面快捷方式就能夠輸入中文了。

 

6. 把sublime 放到桌面

 

用文件管理器， 輸入地址欄/usr/share/applications/， 搜索su， 你會看到兩個sublime 圖標， 把那個佔用空間大的圖標拖到桌面上， 再雙擊一下啓動一下便可。

 

 

（我這裏已經刪掉了原先的sublime 圖標）

 

之後打開一個項目， 就直接把那個項目的文件夾拖到sublime圖標上就能夠打開了。

 

 

到此， LAMP 環境和工具就都準備好了， 以後就能夠愉快的開發了。

 

2018.5.5

 

.補充:

 

1. sublime 添加ctrl + d, 刪除一行

 

找到sublime 菜單欄的Preferences, 點擊選擇Key Bindings.

在右邊中括號裏添加一行:

{ "keys": ["ctrl+d"], "command": "run_macro_file", "args": {"file": "res://Packages/Default/Delete Line.sublime-macro"} },

 

就ok 了.

 

2. sublime 按tab 鍵, 跳出括號

 

也是找到sublime 菜單欄的Preferences, 點擊選擇Key Bindings.

在右邊界面的裏面添加

 

{ "keys": ["tab"], "command": "move", "args": {"by": "characters", "forward": true}, "context":
　　[
　　　　{ "key": "following_text", "operator": "regex_contains", "operand": "^[)\\]\\>\\'\\\"]", "match_all": true }
　　]
},

就ok 了.

 

 

 

 

　　啓Ubuntu Nginx 配置篇。