[ 程式設計工具 ]Sublime Text 3 的安裝與使用方法

一、介紹

很乾淨的寫程式軟體，可自行加入外掛套件。

下載：https://www.sublimetext.com/

安裝外掛時要先安裝 Package Control 元件，Tools → Command Palette → Install Package Control

二、自動產生HTML5網頁外掛

1. 開啟Sublime Text後選擇Tools→Command Palette (或按ctrl+shift+p)，並輸入Install Package，接著輸入以下文字：

(1)外掛一： Emmet

開啟新檔案，並點右下的文字，將模式切換成HTML再對著頁面輸入html:5 或 ! 。接著按Tab鍵，就會自動產生出HTML5的網頁範本

(2)外掛二： HTML Boilerplate

開新檔案換成HTML模式，並於畫面輸入 htmlboiler 再按Tab鍵

除了產生HTML5的網頁範本外，還加入了Viewport以及GoogleAnalytics的碼。

2.刪除外掛

選擇Tools→Command Palette (或按ctrl+shift+p)，並輸入Remove Package再輸入想要移除的名稱，例如：Emmet、HTML Boilerplate等。

三、開起左側專案資料夾的方法

1. Project → 先存專案Save Project As 

2. Project → 開起 Add Folder to Project 

四、設定FTP/SFTP

1. 對左側專案按下右鍵，選擇 SFTP/FTP 底下的 Map to Remote，此專案資料夾下會自動加入sftp-config.json 檔案

2. 設定 sftp-config.json的內容如下：

{

    "type": "ftp", // 設定此專案與遠端連線模式(ftp 或 sftp)

    "upload_on_save": true // 檔案儲存時同時上傳

 

    "host": "yourdomain.com", // 設定您的FTP伺服器

    "user": "account", // 你的FTP帳號

    "password": "password", // 你的FTP密碼

    "port": "21", // 可以註解(不填寫)，預設FTP爲21、SFTP爲22

 

    "remote_path": "/var/www/", // 遠端基本路徑

}

五、搜尋方法

1. Find → Find in Files

六、快速鍵

1.多項選擇快速重命名 Ctrl+d：用於選擇當前單詞的下一個出現。創建後，每個選擇都允許進行全功能編輯。

七、設定對應的瀏覽器檢視外掛

1. 開啟Sublime Text後選擇Tools→Command Palette (或按ctrl+shift+p)，並輸入Install Package，接著輸入 BracketHighlighter或SideBarEnhancements，接著開啟 Preferences – Package Settings – BracketHighlighter – key Bindings-User 配置快捷鍵

2. 寫入以下內容：

    {

        "keys":["f12"],

        "command":"side_bar_files_open_with",

        "args":{

            "paths":[],

            "application":"瀏覽器位置",

            "extensions":".*"

        }

    }

例如：按f12用火狐瀏覽器開啟

    {

        "keys":["f12"],

        "command":"side_bar_files_open_with",

        "args":{

            "paths":[],

            "application":"d:\\firefox\\firefox.exe",

            "extensions":".*"

        }

    }