sublime Text3 前端常用插件

didikee 發布于2019-08-22 15:44 / 2374人閱讀

摘要：前端常用插件文件切換提供了一個非常快速的方式來打開新的文件。繼續，在包控制中安裝插件。使用快捷鍵功能檢測并一鍵去除代碼中多余的空格使用安裝插件并重啟，即可自動提示多余空格。

sublime Text3 前端常用插件 - File Switching （文件切換）

--- Sublime Text提供了一個非常快速的方式來打開新的文件。只要按下Ctrl+ P并開始輸入你想要打開的文件的名稱。一旦找到文件，只需按enter鍵，就可以開始直接輸入到該文件了！

- Goto Symbols （跳轉標記）

--- 當你編輯一個大文件時，文件中有一堆方法，按`Ctrl + R將其全部列出來，使他們更容易找到。開始嘗試的輸入你想要的，然后按Enter 就可以快速跳轉這個方法了。

- Package Control 包控制安裝

簡單的控制臺安裝方法：

最簡單的安裝方法是通過 Sublime Text 控制臺。控制臺可以通過 ctrl +` 快捷方式或 View > Show Console 菜單來開啟/關閉。打開后，將適用于你 Sublime Text 版本的 Python 代碼粘貼到控制臺中。

/Sublime Text 3 包控制安裝代碼/

import urllib.request,os,hashlib; h = "df21e130d211cfc94d9b0905775a7c0f" + "1e3d39e33b79698005270310898eea76"; pf = "Package Control.sublime-package"; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( "http://packagecontrol.io/" + pf.replace(" ", "%20")).read(); dh = hashlib.sha256(by).hexdigest(); print("Error validating download (got %s instead of %s), please try manual install" % (dh, h)) if dh != h else open(os.path.join( ipp, pf), "wb" ).write(by)

/Sublime Text 2 包控制安裝代碼/

import urllib2,os,hashlib; h = "df21e130d211cfc94d9b0905775a7c0f" + "1e3d39e33b79698005270310898eea76"; pf = "Package Control.sublime-package"; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( "http://packagecontrol.io/" + pf.replace(" ", "%20")).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), "wb" ).write(by) if dh == h else None; print("Error validating download (got %s instead of %s), please try manual install" % (dh, h) if dh != h else "Please restart Sublime Text to finish installation")

通過Package Control 包控制安裝插件
Package Control（包控制）是安裝下面列出的所有插件和主題的最佳方式。繼續，在包控制中安裝插件。通過 Package Control（包控制）安裝插件和主題很簡單：

使用方法：進入命令面板（ctrl + shift+ p），然后鍵入 install。
然后鍵入 remove 刪除。

- localization

--- 漢化

- Emmet

Emmet絕對的節省時間。您可以輕松快速地編寫HTML。

- BracketHighlighter

--- 該插件提供行數列高亮的各種配對的語法符號。（愚人碼頭注：就是將配對的括號等顯示在行數列上

- Colorpicker

--- 使用一個取色器改變顏色
使用方法: ctrl + shift + c

- DocBlockr

--- 一個真正簡單的方式來輕松地創建許多語言包括JavaScript，PHP和CoffeeScript的文檔塊。只要在函數的上面輸入/**，按Tab就可以了。DocBlockr會觀察函數需要的變量名和類型，并創建文檔塊。

- SidebarEnhancements

--- 擴展文件樹右鍵功能

- CSSComb

--- 用來給CSS屬性進行排序的格式化

注：因為Csscomb的快捷鍵是shift+ctrl+c，可能與其他快捷鍵沖突
你可以去Preferences-->插件設置-->CssComb-->key-Bindings-Defallut設置

- ColorHighlighter

--- 它可以展示你所選擇的顏色代碼（像“#FFFFFF”, “rgb(255,255,255)”, “white”）的真正顏色。同時它還包含一個顏色選擇器讓你可以方便地更改顏色。
--- 使用：快捷鍵Windows: ctrl+shift+w

- Trailing spaces

--- 功能：檢測并一鍵去除代碼中多余的空格
使用：安裝插件并重啟，即可自動提示多余空格。一鍵刪除多余空格：CTRL+SHITF+T（需配置）
快捷鍵配置：在Preferences / Key Bindings – User加上代碼（數組內）{ "keys": ["ctrl+shift+t"], "command": "delete_trailing_spaces" },

- auto-save

--- 功能：自動保存文件
使用：默認是不會自動保存，按快捷鍵Ctrl+Shift+S開啟。
快捷鍵配置方法：首選項-快捷鍵設置，在數組內添加{ "keys": ["ctrl+shift+s"], "command": "auto_save" },如需自動啟用，首選項-插件-auto-save---settings-usre粘帖一下配置
{
"auto_save_on_modified": true,
"auto_save_delay_in_seconds": 10,
"auto_save_all_files": true,
"auto_save_current_file": "",
"auto_save_backup": false,
"auto_save_backup_suffix": "autosave"
}

- view in browser

--- 功能：通過默認瀏覽器打開文件
使用：快捷鍵配置方法：首選項-快捷鍵設置，在數組內添加快捷鍵：{ "keys": ["f12"], "command": "open_in_browser" },

- autoprefixer

--- 功能：CSS添加私有前綴
簡介：CSS還未標準化，所以要給各大瀏覽器一個前綴以解決兼容問題
使用：快捷鍵配置方法：首選項-快捷鍵設置，在數組內添加{ "keys": ["ctrl+shift+enter"], "command": "autoprefixer" },
快捷鍵：ctrl+shift+enter

- CSS Extended Completions

--- 功能：關聯CSS文件，智能提示css文件中的類名，非常好用

- JavaScript Completions

--- 功能：支持javascript原生語法提示

- jQuery

--- 功能：jQ函數提示
簡介：快捷輸入jQ函數，是偷懶的好方法

- AutoFileName

--- 功能：快捷輸入文件名
簡介：自動完成文件名的輸入，如圖片選取
使用：輸入”/”即可看到相對于本項目文件夾的其他文件

- HTML-CSS-JS Prettify

--- 功能：快捷輸入文件名
簡介: 編輯HTML, CSS, JS時，經常會出現縮進不對，代碼行不對其的情況。裝了這個插件之后，只要按下 Ctrl+Shift+h (Windows), Command+Shift+h (Mac), 你的文檔就會被整理干凈。
注: 需要配置node文件路徑 HTML-CSS-JS Prettify > plugin Options

GPU云服務器云服務器 sublime插件前端插件 text3 Sublime

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/93707.html

sublime Text3 前端常用插件

摘要：前端常用插件文件切換提供了一個非常快速的方式來打開新的文件。繼續，在包控制中安裝插件。使用快捷鍵功能檢測并一鍵去除代碼中多余的空格使用安裝插件并重啟，即可自動提示多余空格。 sublime Text3 前端常用插件 - File Switching （文件切換） --- Sublime Text提供了一個非常快速的方式來打開新的文件。只要按下Ctrl+ P并開始輸入你想要打開的文件的...

xcc3641 2019-08-02 16:02 評論0 收藏0
sublime Text3 前端常用插件

摘要：前端常用插件文件切換提供了一個非常快速的方式來打開新的文件。繼續，在包控制中安裝插件。使用快捷鍵功能檢測并一鍵去除代碼中多余的空格使用安裝插件并重啟，即可自動提示多余空格。 sublime Text3 前端常用插件 - File Switching （文件切換） --- Sublime Text提供了一個非常快速的方式來打開新的文件。只要按下Ctrl+ P并開始輸入你想要打開的文件的...

codecraft 2019-08-30 14:17 評論0 收藏0
Sublime Text3配置使用教程整理

摘要：安裝完添加如下配置可自動在保存文件的時候格式化中文輸入法不能跟隨光標嗎試試這個插件吧目前只支持和裝完之后，寫作時右下角顯示語法為，可以按，直接就會生成，并在瀏覽器中顯示。 Win平臺上已經打造了便攜版的Sublime Text3,但是，現在折騰Ubuntu不能同步過來使用了，寒假在家休息，整理一下安裝過程好了：安裝sublime 在sublime text官網選擇合適的版本安裝。 u...

Martin91 2019-08-19 17:38 評論0 收藏0
Sublime Text3配置使用教程整理

摘要：安裝完添加如下配置可自動在保存文件的時候格式化中文輸入法不能跟隨光標嗎試試這個插件吧目前只支持和裝完之后，寫作時右下角顯示語法為，可以按，直接就會生成，并在瀏覽器中顯示。 Win平臺上已經打造了便攜版的Sublime Text3,但是，現在折騰Ubuntu不能同步過來使用了，寒假在家休息，整理一下安裝過程好了：安裝sublime 在sublime text官網選擇合適的版本安裝。 u...

kevin 2019-08-30 12:46 評論0 收藏0
Sublime Text3配置使用教程整理

摘要：安裝完添加如下配置可自動在保存文件的時候格式化中文輸入法不能跟隨光標嗎試試這個插件吧目前只支持和裝完之后，寫作時右下角顯示語法為，可以按，直接就會生成，并在瀏覽器中顯示。 Win平臺上已經打造了便攜版的Sublime Text3,但是，現在折騰Ubuntu不能同步過來使用了，寒假在家休息，整理一下安裝過程好了：安裝sublime 在sublime text官網選擇合適的版本安裝。 u...

jsdt 2019-08-01 15:03 評論0 收藏0