全栈之路： Tools

前言

代码笔记是一个系列文章，从一个完整项目所用的环境和工具开始，供自己随时参考，进阶全栈工程师的暴力之路。

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

概述

在开发项目之前，您必须拥有一个有用的代码工具。 之前用过，注册码到明年二月底就过期了，没交钱。 我开始使用 Text3，发现它非常有用，尤其是在配置了各种插件之后。 已经不是我之前理解的文本编辑器了，简直强大到离谱。

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

text3下载地址

配置

在Mac环境下是Cmd键，在Mac环境下是Ctrl键。 下面是在Mac环境下描述的：

cmd+～或者菜单view->show调出控制台，显示在最上面，输入

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

重新启动文本 3。 如果在 -> 中看到此项，则安装成功。

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

这一步会遇到问题。 在命令面板输入ip或ip后可能会长时间没有反应，导致很难找到和安装任何插件。 遇到了很久才明白原因。

不是安装插件，是做安装工作，首先会下载一个

文件，其实由于GFW的原因，这一步可能会失败或者不稳定，具体表现为没有在正确的时间工作。当没有工作的时候，会报错

第一个弹窗跳出如下信息：

没有为

之后sublime text 查看插件，控制台中会出现以下段落。

:Error.[]

我的解决办法是直接用迅雷添加任务，下载.json到本地，

注意不要从浏览器下载，上面的html代码会比较多，造成其他问题。 然后将.json上传到一个可访问的网段ip地址，或者类似的本地路径。

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

“”：

[

]

问题解决了！如果还有问题，请百度.json，还有一些其他的解决办法，比如删除重装。

插件安装

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

Cmd+Shift+P调出命令面板，输入ip，回车，输入名字，选中，回车安装

是一个终极插件。 它为ST3增加了一些类似IDE的功能，例如：手动完成，默认启用，并提供各种配置选项。

代码使用或以其他方式支持 pep8 标准。 由于我个人使用不同的工具，我将在 .-major 的配置文件中完全禁用它。 操作如下： >>>> –User:{"":false}

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

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

可以快速找出变量、函数或类在特定文件中的使用位置。

Show：显示一个函数或类的描述性字符串（实际上是在定义字符串的时候）

您可以在这里或通过 ST3 的 :Text>>>> 查看所有这些功能。

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

个人特别喜欢下面两段创建代码：输入var新建{{}}，输入tag新建{%%}。

它可以为您的 .txt 文件提供手动完成、句子突出显示和版本管理功能。

允许 ST3 在左栏显示一个小图标，表示在上次提交后是否添加、更改或删除了代码。

-text-git

Git 版本控制

可视化操作：帮助您与 合约进行交互。 支持init、push、pull、stash等多种命令，使用需要提前安装Git并进行相应配置；

它不仅可以查看和编辑文件，而且会将它们视为格式不正确的纯文本。 该插件通过适当的颜色突出显示和其他功能可以更好地做到这一点。

可用于预览和编译文件。 那边的文章预览是通过mp完成的。

您可以打开它并输入以查看可用的命令：

:: 在浏览器中预览

::导入HTML文件

：：复制到剪贴板

:style: 在浏览器中预览

:style: 导入 HTML 文件

:style:复制到剪贴板

: 打开快速参考指南‖

完成转换后，您以后的所有保存都将立即反映在转换后的文件中。

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

支持的标记语言：

豆荚（Perl>=5.10）

RDoc（鲁宾你的路径）

(ruby, -)

（红宝石，以及宝石）

（红宝石，以及宝石）

分裂

允许您将许多文件放在多个拆分窗口中。

如果您正在开发用于测试目的（将代码放在一个窗口中，将测试脚本放在另一个窗口中）或后端开发（将 HTML 代码放在一个窗口中，将 CSS/代码放在另一个窗口中）将很有用

最后的

帮助您在下次关闭时手动打开编辑器中所有打开的文件。

我始终打开着 ST3sublime text 查看插件，但它打开了一堆项目 - 当我重新启动笔记本电脑时，它仍然为我手动打开所有这些文件和文件夹

记录你的代码时间；

可以准确统计你在某个项目上花费的时间； 不同的 IDE 有不同的插件。

上面安装了一个插件，可以统计我使用的所有项目的行为。

可以有效地管理和了解自己的代码时间；

-API-

支持, , frame, HTML5标签属性提示的插件是为数不多的支持text3后缀提示的插件之一。 HTML5标签提示自带text3，不过提示还是很有用的，提示的语言也可以设置。

手动将侧边栏的背景颜色同步到编辑窗口的背景颜色。 有时右侧边栏的颜色在改变后并没有改变。 我不知道为什么。 打开包控件，然后列出已安装的包并刷新。

r

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

然后会列出配置文件目录。找点东西改

比如好不容易改完侧边栏的背景色，发现字体没变，小的受不了。 这时候我用r:Open打开我用来改的主题文件。

后面用,,找.-theme,打开找到

{

“班级”： ””，

“颜色”：[

207、

223、

232

],

“字体大小”：14

},

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

任务

这是一个非常强大的工具。 您可以创建新任务列表、管理任务时间和调整状态。 它是工作过程中的笔记本和便利贴。 你非常清楚自己目前的任务和工作条件。 每个工程师都应该仔细阅读任务。 教程，绝对的效率利器。

如有侵权请联系删除！