最近在學習 Javascript，在 w3c school 上把教程看完了，也算個剛剛入門的水平，一直都是在 win 系統 上練習。
但是因為寫 python 代碼的 pycharm 和 git 配置都在 ubuntu 上設置的比較完善了，實在是不想在 win 上再配置一遍，同時電腦裝的雙系統， ubuntu 可以訪問 win 的文件系統，但是反過來 win 是不能訪問 ubuntu 文件系統的，所以就打算在 ubuntu 上找個 html 和 Javascript 的編輯器。
在win上使用的 javascript 編輯器用的是 notepad++，但是 linux 上好像是沒有的，那只有再找一個了。
我的需求是 一個輕量級的 javascript 編輯器，只需要編輯器有基本功能如語法高亮，語法檢查就行，最好安裝簡單，不要太浪費時間配置。
試用bluefish編輯器
首先找到的是一款叫 bluefish 的編輯器，這款編輯器的優點是啟動快，界面美觀大方。而且安裝簡單，同時自帶中文，哈哈，看起來很適合我這種菜雞啊。那就先裝上試試吧。
打開終端輸入命令：
sudo apt-get install bluefish
好啦，等待安裝完成吧。
安裝完成后，打開先寫點代碼試試，在熟悉了一下編輯器功能后，發現有兩個我無法接受的缺點：
- 1.不支持使用 vim 模式 （這讓我怎么寫代碼？）
- 2.不支持安裝 emmet 插件 （啊，我寫代碼要打一堆尖括號啊？不能忍啊！）
好吧，你被我ban了,bluefish。
安裝 sublime text 3
只能再找一個編輯器了。
google一下，發現好多人推薦 sublime text 啊，啟動速度快，能自己拓展，那裝一個試試吧。
linux的ubuntu系統下sublime text 3（以下簡稱subl） 的安裝有兩種方法：
一.通過下載軟件包安裝
1.到subl官網下載軟件安裝包，subl下載官網是 http://www.sublimetext.com/2
2.直接雙擊下載的軟件包即可安裝 。
二.通過終端安裝
1.打開終端，首先安裝 subl3 的軟件庫，使用命令
sudo add-apt-repository ppa:webupd8team/sublime-text-3
中間會詢問是否添加倉庫，點擊enter即可。
2.刷新軟件庫，使用命令
sudo apt-get update
3.安裝subl3,使用命令
sudo apt-get install sublime-text-installer
通過以上三步，subl就安裝完成了，安裝完成會自動啟動，把軟件圖標鎖定到側邊啟動欄，以后就直接可以點擊圖標啟動了。
然后就是最基本的配置了。
三.sublime text 3 的基本配置
1.安裝最重要的插件，package control 插件
這個插件相當於其他所有插件的接口，通過 package control 插件，我們可以方便 直觀 只需點一點 的安裝其他插件（簡直是execting）。
這個插件的安裝方法也很簡單。
首先打開 subl 的命令行，使用快捷鍵 ctrl `（就是～那個鍵），或者點擊菜單 view 選項卡里的那個 show consoles 選項，調出控制台。
然后在控制台輸入以下命令
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())
點擊菜單欄 Preferences 選項卡，看一下有沒有pcakage control 選項，如果有，就說明安裝成功。
如果無法通過命令安裝，就只能手動安裝了。
手動安裝步驟如下
- 1.點擊Preferences > Browse Packages菜單
- 2.進入打開的目錄的上層目錄，然后再進入Installed Packages/目錄
- 3.下載 Package Control.sublime-package 並 復制到 Installed Packages/目錄
- 4.重啟Sublime Text。
安裝成功后，就可以漢化subl了，畢竟英文看着也不是很舒服啊。
2. sublime text 3 的中文漢化
漢化subl很簡單。
- 直接點擊 Preferences 選項卡的 package control 選項，選擇下拉的 install package 選項
- 在輸入框中輸入 localization ，然后點擊檢索出來的 Chineselocalizetion 插件，等待安裝完成
- 再看一下界面，已經成中文的了。如果需要切換，點擊 幫助 選項卡的 language 選項可以選擇你想要的語言。
3.sublime text 3 的激活
其實使用subl也並不是特別需要激活，因為只是會隔幾十分鍾提示一下你未激活，不影響什么。
對於強迫症用戶，可以選擇兩種方式激活。
- 付費激活，雖然有點貴，大幾百，有點肉疼。
- 破解（我只提示一下，點開幫助的關於選項卡，看一下版本號，然后去搜激活碼，一搜一堆，就不在這貼激活碼了，不太好）（畢竟我心里還是比較想支持正版的，窮啊）
4.sublame text 3 的設置
subl的設置跟別的軟件不太一樣，不是通過一堆選項卡和按鈕來設置界面，字體等，而是使用json文件形式。設置使用的 json 文件一式兩份，一份默認設置，一份用戶設置，用戶設置優先，也就是說你在用戶的 json 里寫了的設置就使用你寫的，沒寫就使用默認的。
你想設置什么需要自己去寫入json文件。點開菜單 首選項 選項卡，選擇設置，會打開兩個文件，左邊的是默認設置，右邊的是用戶設置。
當然，作為輕度用戶，並不需要設置許多東西。只需要設置一下字體行距就行。
我的配置如下，可以直接粘貼進你的用戶設置
{
"bold_folder_labels": true,
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
"font_size": 15,
"highlight_line": true,
"ignored_packages":
[
],
"rulers":
[
80
],
"save_on_focus_lost": true,
"scroll_past_end": true,
"show_encoding": true,
"show_full_path": true,
"show_line_endings": true,
"tab_size": 2,
"translate_tabs_to_spaces": true,
"trim_trailing_white_space_on_save": true
}
同時提示一下，如果想詳細設置的，可以看我的另一篇博客，是subl所有默認設置的中文版本翻譯，篇幅較長，在這就不貼了。
着重看一下 配置文件里的這個 "ignored_packages": 項，這個是忽略的插件的列表。如果你想使用 vim 的話，可以就像我一樣，將忽略插件列表里默認有的 vintage 字符刪去就可以啟用vim模式了。
在 sublime 的vim 模式下，進入命令模式后，光標是一個閃爍的下滑線，難以辨認，使用也不方便，同時在安裝了 高亮括號插件 Brackhigtlight 插件后，界面亂七八糟都是下划線，十分難看。
如果想要將 sublime 的 vim 命令模式下光標設置為方塊，而不是下划線，可以安裝 block cursor everywhere 實現美觀的 方塊光標。
5. 安裝 emmet 插件
寫 html 怎么能不用 emmet 插件呢，簡直是神器啊。可以 google 一下 看一下教程，試用一下，你會發現你已經離不開它了。
安裝 emmet 插件很簡單，跟安裝漢化差不多，點開選項卡 首選項，在點開 package control ，再點擊 install package ，在彈出的搜索框輸入 emmet，等待安裝完成就可以了。
需要注意的是，跟別的編輯器的 emmet 插件使用 table 來自動填寫不同，sublame text 3 需要使用 ctrl + e 來完成自動填寫。你可以試一下，輸入 ！，之后按 ctrl + e，一個HTML文件的主體就出現了。
如果你想在 emmet 使用 tabel 來完成自動填寫，那就需要修改 emmet 插件設置了。步驟如下：
- 選擇菜單欄 首選項 選項卡里的 package setting 選項里的 emmet 選項卡。
- 選擇 emmet 選項卡中的 key-bind user 選項，在用戶設置文件中，輸入一下代碼。
[
{
"keys": [
"tab"
],
"args": {
"action": "expand_abbreviation"
},
"command": "run_emmet_action",
"context": [
{
"key": "emmet_action_enabled.expand_abbreviation"
}
]
}
]
ok，現在就可以使用 tabel 來完成自動填寫了。
6.清空sublime text 3 配置（還原設置）
subl的缺點就是有時候出現莫名其妙的bug，卸載重裝又很麻煩。
這時可以通過清空subl的配置文件，來達到還原設置，讓 subl 像剛裝上一樣，清新可人（這是什么形容詞啊？）
清空配置命令如下：
sudo rm -rf /home/$USER/.config/sublime-text-3/
使用后就像恢復出廠設置了一樣（不要亂試，后果嚴重，在你確定需要的時候再使用，否則你要哭出來）
結語
至此，我的 sublime text 3 編輯器的配置已經基本完成，基本功能已經完善，可以作為 生產工具 使用了。
對於subl 的更多配置，就只列出關鍵要點，由大家自行摸索吧。
- sublime text 3 的主題是通過與插件相同的方式安裝的，可以自行尋找順眼的主題安裝。
- sublime text3 在 ubuntu需要經過配置才能輸入中文，但是軟件是可以直接顯示中文的。（輸入中文的配置過程比較麻煩，請思考對中文是否有特別需求，若無可以無視，去配置純屬浪費時間）
- 在編程中，生產力的提升比生產工具重要的多，所以請謹慎考慮自己的需求，根據需求配置生產環境（意思是不需要裝一大堆別人都說好的插件啊！）
- 最難的事，是明白自己想要什么