Sublime Text3 使用記錄


      Sublime Text 3 使用記錄

來看下本文的大綱吧
介紹下,我的環境
     操作系統:win10 64bit
     sublime Text  3 版本:3143
那么就開始啦。

 

一.下載與安裝sublime Text 3

因為這是免費的軟件,所以直接去官網下載即可。
     官網: http://www.sublimetext.com/3
     選擇對應的版本,點擊下載,如圖 1-1.
     這里可以下載兩種版本的,exe應用程序或者zip源程序。
          exe應用程序就是簡單的安裝程序,雙擊,然后根據提示進行安裝;
          zip源文件 就不用安裝,直接解壓就可以使用。大家可以自行選擇下載,但是建議下載exe 的。
  

                        圖1-1

  這里我下載的是exe應用程序。所以就拿到了這個。如圖 1-2
     
                 圖 1-2
  
  雙擊,然后下一步下一步進行安裝就好了,由於比較簡單,就不多說了。
       安裝過程中,有個點很重要,這個建議在安裝過程中,勾選起來。如圖1-3。當然,如果和我一樣忘記勾選的,后續還是有其他辦法將sublimeText3 添加到右鍵快捷菜單中的,就是相對來說,可能要多花一點點時間。
  
                     圖 1-3
       最后的效果是這樣,如圖1-4
  
             圖 1-4
      最后安裝成功后,打開就會看到這個界面。如圖 1-5
  

                            圖 1-5

二.安裝插件管理器 Package Control

     在安裝其他插件之前,我們首先要安裝他的插件管理器 Package Control ,這樣之后就可以很方便的安裝和卸載Sublime Text 中的插件了。
  1.     打開官網https://packagecontrol.io/,即可看到一些插件列表,但這不是重點,點擊右邊的按鈕“install now”,如圖 2-1

                                圖2-1

    2. 然后,就可以看到這里已經詳細的介紹如何安裝Package Control 了,為了方便看,我將他在右側簡單的翻譯出來。如圖 2-2

  

                            圖 2-2

  3.打開sublime Text console(控制台窗口),如圖 2-3

    有兩種方式: 3.1 快捷鍵  Ctrl + `

          3.2 菜單 View -> Show Console

    

                           圖 2-3

  4. 將數據粘貼值窗口,按 “Enter” 鍵,在左下角就會顯示正在安裝,待安裝完成,重新打開sublime Text,即可看到,在菜單欄Preferences中出現 Package Control ,這樣就是安裝成功

  

            圖 2-4

三.一些必備的插件

插件安裝的過程基本一樣,所以只把第一節介紹插件的安裝過程,第二節介紹這些插件的作用。

     3.1 插件的安裝過程

          有兩種安裝方法,以ColorHighlighter 插件為例。 :
               1.使用Package Control 進行安裝(建議)
                    通過快捷鍵“Ctrl + Shift + P”快速打開Package Control ,然后輸入 install ,選擇 install Package ,如圖3-1

      

                            圖 3-1 

      然后就出來這個頁面,再輸入插件名,如:“ColorHighlighter ”,然后點擊,即可安裝對應的插件。如圖 3-2

      

                      圖 3-2

      下載完成。如圖 3-3

       

                            圖 3-3

 

  2.使用git 進行安裝;
               通過git 下載插件包,解壓,然后放入對應的Sublime Text 3 的Packages 目錄下,這樣就算將插件安裝成功了。
               那么如何找到Packages 目錄呢,看圖 3-4 
    

            圖 3-4 

  

  3.2 插件介紹

               其實這些插件的完整介紹,可以到Package Control 官網上進行查看,官網上有詳細的說明。這里只是簡單介紹一下。
             
    1.ConvertToUTF8                 支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等編碼的插件
               2.Bracket Highlighter            用於匹配括號,引號和html標簽。對於很長的代碼很有用。安裝好之后,不需要設置插件會自動生效
               3.Emmet           快速生成HTML代碼段的插件,強大到無與倫比,前端開發必備
               4.SideBar Enhancements     這個插件改進了側邊欄,增加了許多功能
               5.Themr           主題管理,切換主題的時候,不用自己修改配置文件了,用這個可以方便的切換主題
                 6.JsFormat          JavaScript代碼格式化
               7.ColorHighlighter      顯示所選顏色值的顏色,並集成了ColorPicker
               8.SublimeTmpl       快速生成文件模板
               9.AutoFileName     自動補全文件(目錄)名
               10.DocBlockr       快速生成JavaScript ,PHP, ActionScript ,Haxe,CoffeeScript,TypeScript,Java,Groovy,Objective C,C, C++,andRust 語言函數注釋。
               11.View In Browser      Sublime Text 保存后網頁自動同步更新。

四.可按需添加的插件

  1.TortoiseSVN            版本控制工具
          2.LiveReload            調試網頁實時自動更新
          3.SublimeCodeIntel       智能提示
          4.HTML-CSS-JS Prettify     HTML、CSS、JS格式化
          5.Alignment          使代碼格式的自動對齊
          6.Compact Expand CSS Command           使css 屬性展開及收縮,格式化CSS代碼

五.查看所安裝的插件列表

     使用快捷鍵“Ctrl +Shift +P”快速打開Package Control ,輸入“list”,選擇“List Packages”然后即可看到所有安裝的插件了。如圖 5-1,5-2.

   

                   圖 5-1

    

              圖 5-2

 

六.刪除某插件

      使用快捷鍵“Ctrl +Shift +P”快速打開Package Control ,輸入“remove”,選擇“Remove Packages”,然后選擇所要刪除的插件,即可刪除該插件了,如圖 6-1。

  

                      圖 6-1 

 

參考資料:

[1] 小菜與小鳥.Sublime Text 3 全程詳細圖文原創教程(持續更新中。。。)
[2] bananaplan. Sublime Text 3 絕對神器

 

 

 

 

 

 


 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM