Sublime Text 3使用指南(以及自制编译系统，代码片段一包通)

最新推荐文章于 2024-09-05 14:32:10 发布

M理论非微扰的拉氏量

最新推荐文章于 2024-09-05 14:32:10 发布

阅读量879

点赞数 1

分类专栏：笔记文章标签： sublime text windows

原文链接：https://blog.csdn.net/sam976/article/details/75333079/

版权

笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

当你看完这篇博文，别忘了给初中生博主一个小小的赞哟~~

往期回顾：VS2019安装配置 VS2019快捷键

注：此文板块一转载了sam976的博客，板块二与三为原创，请大家不要离开，往后看看吧~~

板块一：安装及配置

首先进入Sublime Text 3官网官网，以Windows系统为例，点击Download里面的Windows或Windows 64 bit，然后下载Setup程序，运行完毕后，点击桌面的快捷方式，就可以打开了。在这里插入图片描述

然后这时我们就可以看到Sublime Text 3的庐山真面目了，如果你不是把Sublime Text 3安装在默认路径，比如你把它安装在D盘，那就要添加环境变量。
如果你不满意字体大小，可以Ctrl+滚动鼠标滚轮调节，如果不满意字体，可以选择Preferences——>setting-user里面的Preferences.sublime-settings——Default文件，修改font_face后面引号里的文字修改字体，比如Yahei Consolas Hybrid，然后修改font_size后面的数字修改字体大小。
在这里插入图片描述
接下来，我们来安装插件，首先我们看一下它的插件官方网站：https://packagecontrol.io/我们可以在Search一栏中搜索你想要的插件的关键字，然后就可以了解并下载了。那我们先安装Package Control插件，他可以方便安装和卸载插件，那么进入它的网页https://packagecontrol.io/，点击Install Now，然后点击Package Control.sublime-package，就可以下载了。在这里插入图片描述
或者打开Sublime Text 3,点击Ctrl+`，输入：

import urllib.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())

然后等待一下，等待其安装完成后关闭程序，重新启动Sublime Text 3，点开菜单“Preferences”可见“Package Control”项，说明插件管理包已安装成功。

然后我们就可以下载其他插件了。

注：一下插件均按照ConvertToUTF8的安装方法安装，可以到网上查找使用方法。

1、ConvertToUTF8 插件安装

功能说明：ConvertToUTF8 能将除UTF8编码之外的其他编码文件在 Sublime Text 中转换成UTF8编码，在打开文件的时候一开始会显示乱码，然后一刹那就自动显示出正常的字体，当然，在保存文件之后原文件的编码格式不会改变。

安装方法一：快捷键 Ctrl+Shift+p ，打开 “Command Palette” 悬浮对话框，在顶部输入 “install”, 然后下选点击 “Package Control:Install Package”。
在出现的悬浮对话框中输入 “convert”, 然后点选下面的 “ConvertToUTF8” 插件，就会自动开始安装，请耐心等待。当插件安装成功后，Sublime Text 3 编辑器底端的状态栏会有安装成功的提示。

安装方法二：你还可以下载完整的插件包后解压，放入 C:\Users\userName\AppData\Roaming\Sublime Text 3\Packages 目录下，以达到安装插件的目的。下载地址：https://github.com/seanliang/ConvertToUTF8

如何找到 Packages 目录？一个快捷的方法是：双击打开你的 Sublime Text 3，点菜单Preferences—>Browse Packages,它会直接打开插件包存放的目录 “Packages”。然后你就可以把下载后解压好的插件包复制到这个 Packages 目录下。

当然，如果你熟悉 git，你还可以用 git 从插件的 GitHub 库直接克隆插件包到 Packages 目录下。

2、BracketHighlighter 插件

功能说明：高亮显示匹配的括号、引号和标签。

3、LESS 插件

功能说明：LESS语法高亮显示。

4、sublime-less2css 插件

功能说明：将less文件编译成css文件。

5、Emmet 插件

功能说明：前端开发必备，HTML、CSS代码快速编写神器。

6、JsFormat 插件

功能说明：JavaScript代码格式化。

7、ColorHighlighter 插件

功能说明：显示所选颜色值的颜色，并集成了ColorPicker
方法：在16进制的颜色值上点右键，选择“Choose color”,会弹性颜色拾色器，在需要的色块上单击。

8、Compact Expand CSS Command 插件

功能说明：使CSS属性展开及收缩，格式化CSS代码。
方法：按 Ctrl+Alt+[ 收缩CSS代码为一行显示，按 Ctrl+Alt+] 展开CSS代码为多行显示。

9、SublimeTmpl 插件

功能说明：快速生成文件模板。
方法：SublimeTmpl默认的快捷键如下，如果快捷键设置冲突可能无效。
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 文件

10、Alignment 插件

功能说明：使代码格式的自动对齐。
方法：快捷键Ctrl+Alt+A

11、AutoFileName 插件

功能说明：自动补全文件(目录)名。

12、DocBlockr 插件

功能说明：快速生成JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Groovy, Objective C, C, C++ and Rust语言函数注释。
方法：在函数上面输入/** ,然后按 Tab 就会自动生成注释。

13、SublimeCodeIntel 插件

功能说明：智能提示。

14、HTML-CSS-JS Prettify 插件

功能说明：HTML、CSS、JS格式化。

15、HTML-CSS-JS Prettify 插件

功能说明：HTML、CSS、JS格式化。
安装方法：安裝这个套件前必须先安裝node.js,指定 node.exe 的执行档所在位置。进而安装HTML-CSS-JS Prettify。
方法一：View -> Show console 或者使用快捷键(Ctrl + `)，在命令列的地方輸入:view.run_command(“htmlprettify”)，然后按下Enter。
方法二：默认快捷键：Ctrl+Shift+H。
你也可以自行设置快捷键，菜单 “Preferences—> Key Bindings – User” 里新增：

{ 
    "keys": ["ctrl+shift+o"], 
    "command": "htmlprettify" 
}

完成后保存，以上代码设定执行此插件的快捷键是：Ctrl+Shfit+O，自己设定的话就要测试一下，不要跟其他快捷键冲突。

16、SideBarEnhancements 插件

功能说明：侧栏菜单扩充功能。

17、View In Browser 插件

功能说明：Sublime Text保存后网页自动同步更新。

18、LiveReload 插件

功能说明：调试网页实时自动更新。
方法：快捷键 Ctr+Alt+V

19、TortoiseSVN 插件(win下需要安装有TortoiseSVN客户端支持)

功能说明：版本控制工具。

20、Theme-Soda 插件

功能说明：最受欢迎的 Sublime Text 主题之一。
安装完成后，点菜单 Preferences—>Settings - User，根据需要的主题效果，添加如下代码。

{
    "soda_classic_tabs": true,
    "theme": "Soda Light 3.sublime-theme",
}

21、Theme-Flatland 插件

功能说明：最受欢迎的 Sublime Text 主题之一。

22、Theme-Nexus 插件

功能说明：最受欢迎的 Sublime Text 主题之一。

好用的功能：
1、插件列表：
快捷键 Ctrl+Shift+P，在对话框中输入“list”，选择“Package Control:List Packages”。
会列出所有已安装的插件。这样可以很方便地了解自己已经安装了哪些插件。
2、移除插件：
当我们需要移除自己不想要的插件，具体操作如下：快捷键 Ctrl+Shift+P，在对话框中输入“remove”，选择“Package Control: Remove Packages”。
然后在出现的插件列表中点选你要移除的插件。
3、分屏：Sublime Text有多种分屏形式，让我来具体地看一看。菜单 “View-àLayout”就可以选择你的分屏样式。
对应的快捷键与分屏情况如下：
Alt+Shift+1 Single 独屏
Alt+Shift+2 Columns:2 纵向二栏分屏
Alt+Shift+3 Columns:3 纵向三栏分屏
Alt+Shift+4 Columns:4 纵向四栏分屏
Alt+Shift+8 Rows:2 横向二栏分屏
Alt+Shift+9 Rows:3 横向三栏分屏
Alt+Shift+5 Grid 四格式分屏/4
4、创建新窗：
快捷键Ctrl+Shift+N 创建一个新窗口。

板块二：设置代码片段

这个代码片段跟我们上次分析的VS2019的代码片段比较像，所以我们直接进入正题，首先，进入工具——>插件开发——>新建代码片段。在这里插入图片描述
然后是这样一个模板：

<snippet>
    <content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <!-- <tabTrigger>hello</tabTrigger> -->
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
</snippet>

我们首先把<![CDATA[]]>里面的文字删除，在这里面输入你想要的代码片段，然后把tabtrigger和scope那一行按Ctrl+/取消注释，tabtrigger那一行中间的hello可以替换，它代表输入hello再按tab就可以生成此代码片段，最后sourse.python代表这个代码片段的语言，我们可以任意切换。具体事例如下：

<snippet>
    <content><![CDATA[
#pragma GCC optimize("Ofast","inline","-ffast-math")
#pragma GCC target("avx,sse2,sse3,sse4,mmx")
#include <bits/stdc++.h>
#include <windows.h>
int main() {
    ${1:}
    return 0;
}
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>c</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.c++</scope>
</snippet>

那么这里面又出现了了一个${1:}，这是什么意思呢，这是sublime-snippet文件里的一种标识，代表鼠标光标第一个移动到这里，花括号里面是2:就代表按下tab光标第二个移到这里，在:后还可以输入文字，如type，他就会显示相应的文字到代码片段里。
下面给出scanf的代码片段：

<snippet>
    <content><![CDATA[
scanf("%${1:type}",&${2:index});
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>scanf</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.c++</scope>
</snippet>

板块三：关于编译系统的编写

之所以要写一个编译系统，是因为Sublime Text 3自带的c++编译系统不带输入，这就非常麻烦，所以就需要自己写一个。
首先需要下载MinGW，详细可以参考此网址：https://www.cnblogs.com/lidabo/p/8990348.html
在这里插入图片描述
然后有了GCC和G++后，就可以菜单栏里点击工具——>编译系统——>新建编译系统，输入此代码(此代码模板来源于C++ & C Single File Builder - Minghang Yang)：

{
    "path": "  ",
    "windows": {
        "cmd": ["g++", "-std=c++11", "${file}", "-o", "${file_base_name}.exe"],
    },
    "cmd": ["g++", "-std=c++11", "${file}", "-o", "${file_base_name}"],
    "file_regex": "^(.*)\\(([0-9]+),([0-9]+)\\) (Error|Fatal): (.*)$",
    "working_dir": "${file_path}",
    "selector": "source.c++",
    "osx": {
        "path": "/usr/local/bin:/usr/bin:/bin:${path}",
        "cmd": ["clang++", "-std=c++11", "${file}", "-o", "${file_base_name}"],
    },
    "variants": [
    {
        "name": "Run",
        "shell": true,
        "linux": {
            "cmd": ["gnome-terminal -e 'bash -c \"\\\"./${file_base_name}\\\";echo;read line;exit; exec bash\"'"]
        },
        "osx": {
            "shell_cmd": "echo 'cd \"${file_path}/\"' > '/tmp/${file_base_name}' && echo './\"${file_base_name}\"' >> '/tmp/${file_base_name}' && echo read >> '/tmp/${file_base_name}' && chmod +x '/tmp/${file_base_name}' && open -a Terminal.app '/tmp/${file_base_name}'"
        },
        "windows": {
            "shell_cmd" : "start cmd /c \"\"${file_base_name}.exe\" & echo. & pause\""
        }
    },
    {
        "name": "Build and Run",
        "shell": true,
        "linux": {
            "cmd": ["g++ -std=c++11 \"${file}\" -o \"${file_base_name}\" && gnome-terminal -e 'bash -c \"\\\"./${file_base_name}\\\";echo;read line;exit; exec bash\"'"]
        },
        "windows": {
            "shell_cmd": "g++ -std=c++11 \"${file}\" -o \"${file_base_name}.exe\" && start cmd /c \"\"${file_base_name}.exe\" & echo. & pause\""
        },
        "osx": {
            "shell_cmd": "clang++ -std=c++11 '${file}' -o '${file_base_name}' && echo 'cd \"${file_path}/\"' > '/tmp/${file_base_name}' && echo './\"${file_base_name}\"' >> '/tmp/${file_base_name}' && echo read >> '/tmp/${file_base_name}' && chmod +x '/tmp/${file_base_name}' && open -a Terminal.app '/tmp/${file_base_name}'"
        },
    }
    ]
}

在第一个path后输入你的Dev-C++的地址，然后另存为就可以了，之后先保存你的cpp文件，再重新打开，点击工具——>编译系统选择你刚刚新建的这个编译系统，然后点击工具——>用……编译，选择build and run，就可以运行了。