Sublimetext3插件與使用技巧


1、    package control 的安裝與注意事項

2、    常用插件的安裝與注意事項

3、    主題風格設置

4、    常用快捷鍵

開始

1、點擊install

2、選擇這段代碼進行復制

 3、打開Sublimetext3軟件,在左下角點擊console。Esc關閉

快捷鍵是:

4、將2剛剛復制的代碼復制進去,按Enter鍵

(注意:安裝的進度取決於網速,如果網絡差的情況下,可能會安裝失敗)

 

5、安裝成功了,看下面板。(注意要關閉再重新打開)

快捷鍵是:

6、調出命令行面板后,我們可以安裝你想要的插件(命令行面板支持模糊搜索)

7、利用install package安裝一些插件

8、Emmet插件

(注意:可能會安裝失敗,因為這個是根據網絡的快慢決定的,如果安裝失敗了,我們就需要進行手動安裝,手動安裝請參考9)

9、Emmet安裝失敗,手動安裝操作

可能是因為這個錯誤

根據錯誤信息上的,打開github網址:https://github.com/emmetio/pyv8-binaries

 

根據自己的操作系統,下載對應的版本就行,我的是windows64位的,所以我下載的是64位

可以看到,下載下來是一個壓縮包,我們需要進行解壓

github上的手動安裝說明

將下載的文件放到下面

點擊Preferences→Browse Packages

按照安裝說明,應該是上一級

在Installed packages里面新建一個文件夾PyV8,將從github上下載的文件放到這個里面,然后重啟sublimetext就可以了

重啟后打開編輯器就可以了

10、我們驗證下是否安裝有效

新建一個文件夾:

如果下面可以顯示的話,說明安裝成功了哦!

11、打開側邊欄,也叫菜單欄

View→Side Bar→Show Open Files

 

打開后效果:

關於這個側邊欄,直接可以拖一個文件夾進來,他也是會顯示的

但是現在這個側邊欄的功能比較單一:

我們可以裝一個插件來強化一下我們的側邊欄:

Ctrl + Shift + p  打開命令面板

直接輸入install就行,點擊

點擊后,安裝的插件名叫sidebaren,點擊安裝

安裝中底下會有正在安裝符合

安裝完成后,我們在側邊欄點擊鼠標右鍵,就可以看到非常豐富的功能了

12、安裝代碼美化插件(也叫代碼格式化)

在安裝這個插件之前,我們先給系統安裝一個Node.js

網址:https://nodejs.org/en/

Nodejs下載完成

Nodejs進行安裝

  a、雙擊安裝

    

  b、Next下一步

    

  c、Next下一步,建議選擇默認安裝路徑,不要更改

    

  d、繼續下一步

    

  e、install安裝

    

  f、安裝中

    

  g、Finish安裝完成

    

Nodejs安裝完成后,我們在sublimetext里面安裝我們的那個代碼美化插件

安裝完成后,我們查看是否有,如何有如下的,說明安裝好了

如果我們安裝Nodejs的時候,安裝路徑修改了話,那么我們就需要在這里也修改下

這是我們把代碼搞得亂七八糟的,測試下

打亂后:

點擊鼠標右鍵,HTML/CSS/JS Prettify→Prettify Code

恢復后:調整整齊了

13、界面不好看,我們換下sublimetext的界面

其中一種:

安裝好了:

怎么啟動這個主題呢:

復制

然后找到Preferences→Settings

把剛剛復制的,放到如下,保存

然后我們再看下sublimetext的整個風格就發生了變化

也可以Preferences→Color Scheme   更換整個頁面顏色背景

14、還有一種更加簡單的選擇主題的安裝方式

Crtl + Shift + P  調出命令面板

找到install

這個themr是一個風格選擇器

安裝完成后就可以方便使用了:

ctrl + shift + p

這時我們安裝過得跟風格主題就都在這兒了,

 

 注意:基本的插件都已經安裝的差不多了,

如果有需要的伙伴,可以去:https://packagecontrol.io/上看看其他的,非常豐富。

 


免責聲明!

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



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