Sublime Text 3 3176怎么注册和配置?

官网 http://www.sublimetext.com/

①.最新版3176激活方法(2018年5月19日)

1、下载地址:https://download.csdn.net/download/edogawa_konan/10425341

2、将压缩文件中的Patch.exe解压到Sublime Text的安装根目录;

3、以管理身份运行Patch.exe文件,即可激活;

②.sublime text3怎样安装package control(方便插件的管理)

1.浏览器输入下载这个文件:  https://sublime.wbond.net/Package%20Control.sublime-package ;

2.打开sublime text3,选择菜单Preferences->Browse Packages打开安装目录,此时会进入到一个叫做Packages的目录下,点击进入上一层目录Sublime Text3,在此目录下有一个文件夹叫做Installed Packages,把刚才下载文件复制到此目录下就可以了。然后重启sublime text3,观察Preferences菜单最下边是否有Package Settings 和Package Control两个选项,如果有,则代表安装成功了。此时使用快捷键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 //侧边栏文件图标美化 Boxy Theme // 主题 BracketHighLighter // 高亮显示匹配括号、引号和标签(需要配置)
Clickable URLs // 文档url可点击 Side Bar // 侧边栏增强 SublimeLinter // 代码校验工具
HTML/CSS/JS Prettify(代码格式化) ConvertToUTF8 // 中文乱码问题 SublimeCodeIntel // 代码自动补全
IMESupport // 输入法跟随光标 ColorHighLighter //颜色背景,不会设置  

④.主题设置:可选择Boxy Theme或者Theme - Brogrammer(√)

(1).首先下载https://github.com/kenwheeler/brogrammer-theme/archive/master.zip。解压后将文件夹改名成Theme - Brogrammer。然后打开sublime text3,找到里面的首选项->浏览程序包(Preferences -> Browse Packages),将改名后的文件夹复制到弹出的文件夹中;

(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).复制以下代码进 用户配置,


{
    "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:\Users\admin\AppData\Roaming\Sublime Text 3\Packages\Theme - Brogrammer”,添加以下代码:

            <!-- 以下代码为BracketHighlighter的配置代码 -->
            
            <dict>
                <key>name</key>
                <string>Bracket Default</string>
                <key>scope</key>
                <string>brackethighlighter.default</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#FFFFFF</string>
                    <key>background</key>
                    <string>#A6E22E</string>
                </dict>
            </dict>
             
            <dict>
                <key>name</key>
                <string>Bracket Unmatched</string>
                <key>scope</key>
                <string>brackethighlighter.unmatched</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#FFFFFF</string>
                    <key>background</key>
                    <string>#FF0000</string>
                </dict>
            </dict>
             
            <dict>
                <key>name</key>
                <string>Bracket Curly</string>
                <key>scope</key>
                <string>brackethighlighter.curly</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#FF00FF</string>
                </dict>
            </dict>
             
            <dict>
                <key>name</key>
                <string>Bracket Round</string>
                <key>scope</key>
                <string>brackethighlighter.round</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#E7FF04</string>
                </dict>
            </dict>
             
            <dict>
                <key>name</key>
                <string>Bracket Square</string>
                <key>scope</key>
                <string>brackethighlighter.square</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#FE4800</string>
                </dict>
            </dict>
             
            <dict>
                <key>name</key>
                <string>Bracket Angle</string>
                <key>scope</key>
                <string>brackethighlighter.angle</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#02F78E</string>
                </dict>
            </dict>
             
            <dict>
                <key>name</key>
                <string>Bracket Tag</string>
                <key>scope</key>
                <string>brackethighlighter.tag</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#FFFFFF</string>
                    <key>background</key>
                    <string>#0080FF</string>
                </dict>
            </dict>
             
            <dict>
                <key>name</key>
                <string>Bracket Quote</string>
                <key>scope</key>
                <string>brackethighlighter.quote</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#56FF00</string>
                </dict>
            </dict>

            <!-- 以上代码为BracketHighlighter的配置代码 -->

效果图:


⑥.Sublime tmpl  模板插件如何修改 

首选项->浏览程序包(Preferences -> Browse Packages)-> SublimeTmpl -> templates ,自行打开修改相应语言模板。

比如“ html.tmpl”可以这样改 ,快捷键为 Ctrl+alt+H 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="revised" content="Zgus, 2018/1/1/" /> <!-- 最后修订 -->
	<!-- <meta http-equiv="refresh" content="5" />每 5 秒刷新一次页面 -->
	<title>${1:Examples}</title>
	${2:<meta name="description" content="$3">
	<meta name="keywords" content="$4">
	}<link rel="stylesheet" type="text/css" href="$5">
	<link rel="shortcut icon" href="/favicon.ico" />
</head>
<body>
    $0
</body>
</html>

<script type="text/javascript"></script>


Sublime Text 3 3176怎么安装和配置:https://blog.csdn.net/edogawa_konan/article/details/80395911

猜你喜欢

转载自blog.csdn.net/edogawa_konan/article/details/80395911
今日推荐