全栈之路：Text3 的工具

前言

代码笔记是一个系列文章，从一个完整项目用到的环境、工具讲起，可以随时作为自己的参考，是成为全栈工程师的疯狂之路。

请点击右上角的+关注，希望对你的后续工作有所帮助。

概述

开发一个项目前，必须要有一个好的代码工具。之前用过，不过今年2月底注册码过期了，没有付费。开始用Text3，发现它超级好用，尤其是配置了各种插件之后，它已经不再是我之前理解的那个文本编辑器了，简直强大。

本文主要讲述配置过程，分享给大家，方便工作中随时自查。虽然网上教程很多，但是自己动手还是有很多坑需要填。

Text3 下载

配置

在Mac环境下是Cmd键，在环境中是Ctrl键。以下以Mac环境下描述：

Cmd+～或者菜单view->show调出控制台sublime text 3下载，显示在底部，输入

.,os; pf = ' .-'; ipp = .ath(); ..( ..( ..()) ); open(os.path.join(ipp, pf), 'wb').write(..( '' + pf.(' ','%20')).read())

重启文本3.如果在->中看到这一项，则表示安装成功。

按Cmd+Shift+P调出命令面板，输入调用选项后回车，然后在列表中选择需要安装的插件。

这一步会出现问题，在命令面板输入IP地址或者密码之后可能会长时间无响应，导致无法找到并安装任何插件，我遇到之后花了好久才明白原因。

它不是安装插件，而是一个安装工作​​。首先，它会下载一个

文件，当然由于GFW的原因，这一步可能会失效或者不稳定，具体表现就是有时候能用，有时候不能用，当不能用的时候，会报错

首先，会弹出一个窗口，其中包含以下信息：

没有

然后控制台里就会出现下面这段话。

：错误。URL 错误 [Errno 65] 没有到主机的路由

我的解决方案是直接使用迅雷添加任务，并将.json文件下载到本地。

注意不要从浏览器下载，因为里面会有更多的HTML代码，可能会导致其他问题。然后将.json上传到可以访问的公网IP地址，或者类似的本地路径。

然后打开->->，进入User目录修改.-文件，添加一段

":

问题解决了！如果还有问题，请百度搜索 .json。还有其他解决方法，比如删除后重新安装。

插件安装

现在你终于可以开心的开始安装各种插件了！

Cmd+Shift+P调出命令面板，输入ip，按回车sublime text 3下载，输入名称，选中，按回车即可安装。

是一款终极插件。它为 ST3 添加了许多类似 IDE 的功能，例如：自动完成，默认情况下启用，并提供各种配置选项。

代码中使用了支持pep8标准的工具，由于我个人使用的是另外一个工具，因此在配置文件中我会彻底禁用它，操作如下：>>>>>–User:{“”:false}

代码允许您在特定文件中使用它。如果您不熟悉软件复杂性检查工具，请务必先浏览上面的链接。

Goto 可以查找并显示整个项目中任何变量、函数或类的定义。

“查找用法”可以快速找到特定文件中变量、函数或类的使用位置。

Show：能够显示某个函数或者类的描述字符串（当然，如果该字符串有定义的话）

您可以在此处或通过 ST3 查看所有这些功能：文本 > > > >

支持模板和关键字突出显示以及许多有用的 () 功能。其中一项功能绝对可以节省时间。您只需几个关键字即可创建许多常见的代码块，例如表单和视图。请查看官方文档以获取列表。

我个人喜欢以下两个用于创建的代码片段：输入 var 将创建一个新的 {{ }}，输入 tag 将创建一个新的 {% %}。

它可以为您的.txt文件提供自动完成、语法高亮和版本管理功能。

使 ST3 在左栏显示一个小图标，指示自上次提交以来是否添加、修改或删除了代码。

-文本-git

Git 版本控制

可视化操作：帮助你与 Git repo 协议交互，支持 init、push、pull、stash 等命令，当然你需要提前安装 Git 并进行相应的配置；

它不仅能够查看和编辑文件，而且会将它们视为格式较差的纯文本。此插件通过适当的颜色突出显示和其他功能更好地完成了这些任务。

可以用来预览、编译文件，本文的预览就是通过mp进行的。

您可以通过打开它并输入以下内容来查看可用的命令：

: : 在浏览器中预览

: : 导出 HTML 文件

： ： 复制到剪贴板

：样式：在浏览器中预览

：样式：导出 HTML 文件

：样式：复制到剪贴板

：打开快速参考手册

一旦完成转换，您所有后续保存的内容都将立即反映在转换后的文件中。

它支持将标记语言渲染成HTML并在浏览器上实时预览，也支持导出HTML源代码文件。

支持的标记语言：

Pod（Perl >= 5.10）

RDoc（ruby 在你的 PATH 中）

Org Mode（ruby 和 gem org-ruby be）

（红宝石以及宝石）

（红宝石以及宝石）

分裂

允许您将多个文件放入多个分割窗口中。

如果您正在进行测试目的开发（将代码放在一个窗口中，将测试脚本放在另一个窗口中）或者正在进行前端开发（将 HTML 代码放在一个窗口中，将 CSS/代码放在另一个窗口中），这将非常有用。

最后

自动打开您上次关闭编辑器时在其中打开的所有文件。

我总是打开 ST3，并打开一堆项目 - 当我重新启动计算机时，它会自动打开所有这些文件和文件夹

记录你的代码时间；

它可以准确地计算你在项目上花费的时间；它针对不同的IDE有不同的插件。

通过安装插件，我可以统计我使用的所有项目的行为。

您可以高效地管理和了解您的编码时间；

—API—

一个支持HTML5标签属性提示的插件，，，框架，是为数不多的支持text3后缀提示的插件。HTML5标签提示是text3自带的，但是提示还是很好用的，还可以设置提示的语言。

自动将侧边栏背景色与编辑窗口背景色同步，有时候更改之后侧边栏颜色没有变化，不知道什么原因，打开包控制然后列出已安装的包刷新一下。

r

安装完成后，输入命令面板：r:Open

然后会列出配置文件目录，找到自己需要修改的

比如我好不容易把侧边栏的背景颜色改了之后，发现字体一点变化都没有，实在受不了，这时候我就用r:Open打开我用来修改的主题文件。

后来我用，，找到.-theme，打开发现

“班级”： ””，

“颜色”： [

207，

223，

232

]，

“字体大小”：14

}，

添加一行font.size值，保存即可生效

任务

这是一款非常酷的工具。你可以创建新的任务列表，管理任务时间，调整状态。它是工作过程中的快速笔记和便签。它让你清楚地知道你目前的任务和工作状态。每个工程师都应该仔细阅读任务教程。它是一款绝对的效率工具。

如有侵权请联系删除！