国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

最全的Sublime text 常用插件整理

goji / 3052人閱讀

摘要:常用插件記錄一些自己在使用時常用的一些插件安裝插件需要先安裝按調(diào)出復(fù)制代碼運行一個的值轉(zhuǎn)值的自動完成插件。配置參數(shù)參數(shù)配置文件轉(zhuǎn)的單位比例,默認為。轉(zhuǎn)的小數(shù)部分的最大長度。啟用此插件的文件類型。當您重溫代碼時候非常有用。

Sublime text 常用插件

記錄一些自己在使用sublime時常用的一些插件 cssrem 、SublimeServer 、 FileHeader 、OmniMarkupPreviewer 、sublime-jsdocs 、AutoFileName、SublimeText-Nodejs 、Sublime-Better-Completion 、SublimeAllAutocomplete 、JsFormat 、jQuery

安裝插件

需要先Package install安裝

按Ctrl+`調(diào)出console 復(fù)制代碼運行

importurllib.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())
cssrem

一個CSS的px值轉(zhuǎn)rem值的Sublime Text 3自動完成插件。下載地址 https://github.com/flashlizi/...

插件效果如下:

安裝

下載本項目,比如:git clone https://github.com/flashlizi/...

進入packages目錄:Sublime Text -> Preferences -> Browse Packages...

復(fù)制下載的cssrem目錄到剛才的packges目錄里。

重啟Sublime Text。

配置參數(shù)

參數(shù)配置文件:Sublime Text -> Preferences -> Package Settings -> cssrem

px_to_rem - px轉(zhuǎn)rem的單位比例,默認為40。

max_rem_fraction_length - px轉(zhuǎn)rem的小數(shù)部分的最大長度。默認為6。

available_file_types - 啟用此插件的文件類型。默認為:[".css", ".less", ".sass"]。

SublimeServer

靜態(tài)WEB服務(wù)器:SublimeServer GitHub地址

FileHeader

快速新建文件、并生產(chǎn)頭部注釋 GitHub地址

打開Preferences –Package Settings-File Header-settings user,輸入

{
    "Default": {
       "author":"coding",
       "last_modified_by":"coding",
    }
}

OmniMarkupPreviewer

為 Sublime Text 的一款強大插件,支持將標記語言(Markdown僅是其中一種)渲染為 HTML 并在瀏覽器上實時預(yù)覽,同時支持導(dǎo)出 HTML 源碼文件 GitHub地址

sublime-jsdocs

這個插件可以很好的生成js ,php 等語言函數(shù)注釋,只需要在函數(shù)上面輸入/** ,然后按tab 就會自動生成注釋 GitHub地址

AutoFileName

自動提示路徑插件 GitHub地址

SublimeText-Nodejs

基于sublime text3的node.js開發(fā)環(huán)境搭建 GitHub地址

Sublime-Better-Completion

支持Javascript、JQuery、Twitter Bootstrap框架、HTML5標簽屬性提示的插件 GitHub地址

AllAutocomplete

Sublime Text 默認的 Autocomplete 功能只考慮當前的文件,而 AllAutocomplete 插件會搜索所有打開的文件來尋找匹配的提示詞。 GitHub地址

JsFormat

js格式化插件 GitHub地址

使用方法:

1、快捷鍵:ctrl+alt+f

2、先用快捷鍵打開命令面板 “ctrl + shift + p”, 再輸入 “Format: Javascript” 就可以使用格式化命令

jQuery

jQuery 提示插件

ConvertToUTF8

sublime text本身是不支持中文編碼的,所以需要通過安裝插件來解決,ConvertToUTF8插件可以實現(xiàn)。

SublimeTmpl

能夠很好的新建文件時使用模版的內(nèi)容了, 目前添加了html/js/css/php/python/ruby的模版.

ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+alt++shift+p python
BracketHighlighter

BracketHighlighter 插件能為Sublime Text提供括號,引號這類高亮功能 GitHub地址

在Sublime Text中用package control安裝 BracketHighlighter ;

安裝完成后,打開Preferences -> package settings -> Bracket Highlighter -> Bracket Settings – User,然后添加如下代碼:

{
    "bracket_styles": {
        "default": {
            "icon": "dot",
            // "color": "entity.name.class",
            "color": "brackethighlighter.default",
            "style": "highlight"
        },
        "unmatched": {
            "icon": "question",
            "color": "brackethighlighter.unmatched",
            "style": "highlight"
        },
        "curly": {
            "icon": "curly_bracket",
            "color": "brackethighlighter.curly",
            "style": "highlight"
        },
        "round": {
            "icon": "round_bracket",
            "color": "brackethighlighter.round",
            "style": "highlight"
        },
        "square": {
            "icon": "square_bracket",
            "color": "brackethighlighter.square",
            "style": "highlight"
        },
        "angle": {
            "icon": "angle_bracket",
            "color": "brackethighlighter.angle",
            "style": "highlight"
        },
        "tag": {
            "icon": "tag",
            "color": "brackethighlighter.tag",
            "style": "highlight"
        },
        "single_quote": {
            "icon": "single_quote",
            "color": "brackethighlighter.quote",
            "style": "highlight"
        },
        "double_quote": {
            "icon": "double_quote",
            "color": "brackethighlighter.quote",
            "style": "highlight"
        },
        "regex": {
            "icon": "regex",
            "color": "brackethighlighter.quote",
            "style": "outline"
        }
    }
}
Alignment (代碼對齊)

單和易于使用的插件,使你的代碼組織和美觀。當您重溫代碼時候非常有用。
使用方法:選中要調(diào)整的行,然后按 Ctrl+ Alt + A 一些對應(yīng)的設(shè)置可以參看配置

SideBar Enhancements  

這個插件改進了側(cè)邊欄,增加了許多功能

SublimeLinter

使用SublimeLinter配置JS,CSS,HTML語法檢查 可參看 配置

Vue.js 文件代碼高亮支持

讓sublime text3支持Vue語法高亮顯示

sublime 支持PHP語法提示

https://github.com/benmatselb...

主題插件

自己比較喜歡的主題

Theme - itg.flat
https://github.com/itsthatguy...

https://github.com/voroniansk...

https://github.com/babel/babe...

查看20款sublime 主題

PackageControl官網(wǎng)地址:

原文發(fā)布在博客:
https://code.it919.cn/2017/06...

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/50935.html

相關(guān)文章

  • Sublime Text3配置使用教程整理

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

    Martin91 評論0 收藏0
  • Sublime Text3配置使用教程整理

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

    kevin 評論0 收藏0
  • Sublime Text3配置使用教程整理

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

    jsdt 評論0 收藏0
  • Sublime Text3配置使用教程整理

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

    wuyangchun 評論0 收藏0
  • 前端學(xué)習資源

    摘要:掘金日報第四期使用怎么能不知道這些插件合集掘金日報主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容,技術(shù)內(nèi)容分前端后端產(chǎn)品設(shè)計工具資源和一些有趣的東西。目前已經(jīng)涵蓋了的相關(guān)資源鏈接,供大家參考與學(xué)習。 【掘金日報】第四期 使用Sublime?怎么能不知道這些 Sublime 插件合集! 掘金日報主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容,技術(shù)內(nèi)容分:前端、后端、Android、iOS、產(chǎn)品設(shè)計、工具資源和一些有趣的東西。 前端...

    xzavier 評論0 收藏0

發(fā)表評論

0條評論

goji

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<