Sublime Text 3 3176アクティブ化と構成?【自分でインストールしたプラグインの推奨およびインストール】

12647 ワード

公式サイトhttp://www.sublimetext.com/
①.最新版3176アクティブ化方法(最終更新:2018年12月28日午後)
1、ダウンロードアドレス:https://download.csdn.net/download/edogawa_konan/10425341;
2、圧縮ファイルの中のPatch.exeはSublime Textのインストールルートディレクトリに解凍する.
3、管理者としてPatchを実行する.exeファイルをアクティブにします.
②.sublime text 3 package controlのインストール方法(プラグインの管理が便利)
 
1.ブラウザはこのファイルのダウンロードを入力します.https://sublime.wbond.net/Package%20Control.sublime-package ;
2.sublime text 3を開き、メニューPreferences->Browse Packagesを選択してインストールディレクトリを開きます.このときPackagesというディレクトリの下に入ります.上の階層のSublime Text 3にクリックします.このディレクトリの下にInstalled Packagesというフォルダがあります.先ほどのダウンロードファイルをこのディレクトリの下にコピーすればいいです.次にsublime text 3を再起動し、Preferencesメニューの一番下にPackage SettingsとPackage Controlの2つのオプションがあるかどうかを確認します.ある場合は、インストールに成功しました.この时、ショートカットキーCtrl+Shift+Pを使って、installを入力して、install packageを选んで、どんなプラグインをインストールしたいのか、中で名前を検索すればいいです;
③.有用なプラグインのインストール
参照リンク:https://blog.csdn.net/hahahhahahahha123456/article/details/80222399 
(emmet使用チュートリアル)http://docs.emmet.io/  
(ショートカットキー練習サイト)https://www.shortcutfoo.com/ 
(Package Control大全)https://packagecontrol.io/
プラグインを削除:ctrl+shift+p、「remove package」が混在していて、縁が見えます!!!
(トピックのカスタマイズ)http://tmtheme-editor.herokuapp.com/#!/editor/theme/Monokai
chineselocalizations//漢化
Emmet//神器
Csscomb//CSS属性ソート
JsFormat//神器
CSSFormat//CSSフォーマット
Sublime tmpl//テンプレート
ColorPicker//パレット
DocBlockr//コメント
AutoFileName//ファイル名自動完了
A File Icon//サイドバーファイルアイコン美化
Box Theme//テーマ
BracketHighLighter//かっこ、引用符、ラベルをハイライト表示(構成が必要)
Clickable URLs//ドキュメントurlクリック可能
Side Bar//サイドバー強化
SublimeLinter//コード検証ツール
HTML/CSS/JS Prettify(コードフォーマット)
ConvertToUTF 8//中国語文字化けし問題
SublimeCodeIntel//コード自動補完
IMESupport//入力方式カーソルに従って修正版のIMESupportをインストールする必要があります.ダウンロードアドレスは:https://github.com/zcodes/IMESupport
ColorHighLighter//カラーバックグラウンド、設定しません
Viewin browser//クイックブラウザプリファレンス-ショートカット設定[{"keys":["alt+enter"],[command]:[open_in_browser]]
Sublime Text 3 3176激活和配置?【自己安装的插件推荐及安装】_第1张图片
④.トピック設定:Boxy ThemeまたはTheme-Brogrammer(√)を選択できます.
(1).まずはダウンロードhttps://github.com/kenwheeler/brogrammer-theme/archive/master.zip.解凍後フォルダを「Theme-Brogrammer」と改名!!.次にsublime text 3を開き、中のプリファレンス->パッケージを参照し、名前を変更したフォルダをポップアップフォルダにコピーします.
(2).次に、プリファレンス->ユーザーの設定(Preferences->setting uer)-右側にコピーします.【ここではテーマ、フォントなどを修正できます】
{
	"auto_complete": true,
	"auto_match_enabled": true,
	"color_scheme": "Packages/Theme - Brogrammer/brogrammer.tmTheme",
	"font_face": "YaHei Consolas hybrid",
	"font_size": 14,
	"ignored_packages":
	[
		"Vintage"
	],
	"theme": "Adaptive.sublime-theme"
}

⑤.BracketHighLighterハイライトプラグイン設定
(1).次のコードをユーザー構成にコピーします.
Sublime Text 3 3176激活和配置?【自己安装的插件推荐及安装】_第2张图片
{
    "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"
        }
    }

}

(2).④に続いて、このファイル「C:UsersadminAppDataRoamingSublime Text 3PackagesTheme-Brogrammer-brogrammer.tmTheme」を編集し、次のコードを追加します.
            
            
            
                name
                Bracket Default
                scope
                brackethighlighter.default
                settings
                
                    foreground
                    #FFFFFF
                    background
                    #A6E22E
                
            
             
            
                name
                Bracket Unmatched
                scope
                brackethighlighter.unmatched
                settings
                
                    foreground
                    #FFFFFF
                    background
                    #FF0000
                
            
             
            
                name
                Bracket Curly
                scope
                brackethighlighter.curly
                settings
                
                    foreground
                    #FF00FF
                
            
             
            
                name
                Bracket Round
                scope
                brackethighlighter.round
                settings
                
                    foreground
                    #E7FF04
                
            
             
            
                name
                Bracket Square
                scope
                brackethighlighter.square
                settings
                
                    foreground
                    #FE4800
                
            
             
            
                name
                Bracket Angle
                scope
                brackethighlighter.angle
                settings
                
                    foreground
                    #02F78E
                
            
             
            
                name
                Bracket Tag
                scope
                brackethighlighter.tag
                settings
                
                    foreground
                    #FFFFFF
                    background
                    #0080FF
                
            
             
            
                name
                Bracket Quote
                scope
                brackethighlighter.quote
                settings
                
                    foreground
                    #56FF00
                
            

            

効果図:Sublime Text 3 3176激活和配置?【自己安装的插件推荐及安装】_第3张图片
⑥.Sublime tmplテンプレートプラグインの変更方法
プリファレンス->パッケージ(Preferences->Browse Packages)->SublimeTmpl->templatesを参照し、適切な言語テンプレートの変更を自分で開きます.
例えば「html.tmpl」は、Ctrl+alt+Hのショートカットキーで変更できます.


	
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		${1:Examples}
		
		
	
	
	    $0
	

Docs:[ ドキュメント](http://www.fantxi.com/blog/archives/sublime-template-engine-sublimetmpl/) 
プロファイルは の り(2018.12.28 16 41 )
Sublime Text 3 3176     ?【            】_ 4
{
    "disable_keymap_actions": false, // "all"; "html,css"
    "date_format" : "%Y-%m-%d %H:%M:%S",
    "attr": {
        "author": "ZhaoXinJie_Zgus",
        "email": "[email protected]",
        "blog": "http://www.itzxj.com",
        "hello": "word"
    }
}

2018 8 13 :『クイックアクセスブラウザ+Enterスキップクイックプログラミング』
Sublime Text 3 3176     ?【            】_ 5
[
	//       ,    View in Browser
	{ "keys": ["alt+enter"], "command": "open_in_browser" },
	//  Enter         
	{
		"keys": ["enter"], "command": "move", "args": {"by": "characters", "forward": true}, "context":
		[
			{"key": "following_text", "operator": "regex_contains", "operand": "^[)\\]\\>\\'\\\"\\ %>\\}\\;\\,]", "match_all": true},
			{"key": "preceding_text", "operator": "not_regex_match", "operand": "^.*\\{$", "match_all": true},
			{"key": "auto_complete_visible", "operator": "equal", "operand": false}
		]

	}
]

 
Sublime Text 3 3176のインストールと :https://blog.csdn.net/edogawa_konan/article/details/80395911
Wampserver サイトのダウンロードと :https://blog.csdn.net/edogawa_konan/article/details/80395881
eclipseのインストールと :https://blog.csdn.net/edogawa_konan/article/details/80396707