全棧之路： Tools

前言

代碼筆記是一個(gè)系列文章，從一個(gè)完整項(xiàng)目所用的環(huán)境和工具開始，供自己隨時(shí)參考，進(jìn)階全棧工程師的暴力之路。

請點(diǎn)擊右上角的+關(guān)注，希望對您的后續(xù)工作有所幫助。

概述

在開發(fā)項(xiàng)目之前，您必須擁有一個(gè)有用的代碼工具。 之前用過，注冊碼到明年二月底就過期了，沒交錢。 我開始使用 Text3，發(fā)現(xiàn)它非常有用，尤其是在配置了各種插件之后。 已經(jīng)不是我之前理解的文本編輯器了，簡直強(qiáng)大到離譜。

本文主要講述配置過程，分享給大家，同時(shí)方便工作中隨時(shí)自查。 雖然網(wǎng)上已經(jīng)有很多教程，自己動(dòng)手的話，還是有很多坑要填。

text3下載地址

配置

在Mac環(huán)境下是Cmd鍵，在Mac環(huán)境下是Ctrl鍵。 下面是在Mac環(huán)境下描述的：

cmd+～或者菜單view->show調(diào)出控制臺，顯示在最上面，輸入

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

重新啟動(dòng)文本 3。 如果在 -> 中看到此項(xiàng)，則安裝成功。

按Cmd+Shift+P調(diào)出命令面板，輸入選項(xiàng)回車，然后在列表中選擇要安裝的插件。

這一步會(huì)遇到問題。 在命令面板輸入ip或ip后可能會(huì)長時(shí)間沒有反應(yīng)，導(dǎo)致很難找到和安裝任何插件。 遇到了很久才明白原因。

不是安裝插件，是做安裝工作，首先會(huì)下載一個(gè)

文件，其實(shí)由于GFW的原因，這一步可能會(huì)失敗或者不穩(wěn)定，具體表現(xiàn)為沒有在正確的時(shí)間工作。當(dāng)沒有工作的時(shí)候，會(huì)報(bào)錯(cuò)

第一個(gè)彈窗跳出如下信息：

沒有為

之后sublime text 查看插件，控制臺中會(huì)出現(xiàn)以下段落。

:Error.[]

我的解決辦法是直接用迅雷添加任務(wù)，下載.json到本地，

注意不要從瀏覽器下載，上面的html代碼會(huì)比較多，造成其他問題。 然后將.json上傳到一個(gè)可訪問的網(wǎng)段ip地址，或者類似的本地路徑。

然后打開->->，進(jìn)入U(xiǎn)ser目錄更改.-文件，添加一段

“”：

[

]

問題解決了！如果還有問題，請百度.json，還有一些其他的解決辦法，比如刪除重裝。

插件安裝

現(xiàn)在終于可以開始愉快的安裝各種插件了！

Cmd+Shift+P調(diào)出命令面板，輸入ip，回車，輸入名字，選中，回車安裝

是一個(gè)終極插件。 它為ST3增加了一些類似IDE的功能，例如：手動(dòng)完成，默認(rèn)啟用，并提供各種配置選項(xiàng)。

代碼使用或以其他方式支持 pep8 標(biāo)準(zhǔn)。 由于我個(gè)人使用不同的工具，我將在 .-major 的配置文件中完全禁用它。 操作如下： >>>> –User:{"":false}

代碼允許您在特定文件中使用它。 如果您不熟悉軟件復(fù)雜性檢測工具，請先不要瀏覽以上鏈接。

Goto 可以搜索并顯示整個(gè)項(xiàng)目中的任何變量、函數(shù)或類定義。

可以快速找出變量、函數(shù)或類在特定文件中的使用位置。

Show：顯示一個(gè)函數(shù)或類的描述性字符串（實(shí)際上是在定義字符串的時(shí)候）

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

支持模板和關(guān)鍵字突出顯示以及許多有用的代碼片段 () 功能。 其中之一絕對可以節(jié)省時(shí)間。 只需幾個(gè)關(guān)鍵字，您就可以創(chuàng)建許多常見的代碼塊，例如 、表單和視圖。 請查看官方文檔以獲取列表。

個(gè)人特別喜歡下面兩段創(chuàng)建代碼：輸入var新建{{}}，輸入tag新建{%%}。

它可以為您的 .txt 文件提供手動(dòng)完成、句子突出顯示和版本管理功能。

允許 ST3 在左欄顯示一個(gè)小圖標(biāo)，表示在上次提交后是否添加、更改或刪除了代碼。

-text-git

Git 版本控制

可視化操作：幫助您與 合約進(jìn)行交互。 支持init、push、pull、stash等多種命令，使用需要提前安裝Git并進(jìn)行相應(yīng)配置；

它不僅可以查看和編輯文件，而且會(huì)將它們視為格式不正確的純文本。 該插件通過適當(dāng)?shù)念伾怀鲲@示和其他功能可以更好地做到這一點(diǎn)。

可用于預(yù)覽和編譯文件。 那邊的文章預(yù)覽是通過mp完成的。

您可以打開它并輸入以查看可用的命令：

:: 在瀏覽器中預(yù)覽

::導(dǎo)入HTML文件

：：復(fù)制到剪貼板

:style: 在瀏覽器中預(yù)覽

:style: 導(dǎo)入 HTML 文件

:style:復(fù)制到剪貼板

: 打開快速參考指南‖

完成轉(zhuǎn)換后，您以后的所有保存都將立即反映在轉(zhuǎn)換后的文件中。

支持將標(biāo)記語言渲染成HTML并在瀏覽器上實(shí)時(shí)預(yù)覽，也支持導(dǎo)入HTML源代碼文件。

支持的標(biāo)記語言：

豆莢（Perl>=5.10）

RDoc（魯賓你的路徑）

(ruby, -)

（紅寶石，以及寶石）

（紅寶石，以及寶石）

分裂

允許您將許多文件放在多個(gè)拆分窗口中。

如果您正在開發(fā)用于測試目的（將代碼放在一個(gè)窗口中，將測試腳本放在另一個(gè)窗口中）或后端開發(fā)（將 HTML 代碼放在一個(gè)窗口中，將 CSS/代碼放在另一個(gè)窗口中）將很有用

最后的

幫助您在下次關(guān)閉時(shí)手動(dòng)打開編輯器中所有打開的文件。

我始終打開著 ST3sublime text 查看插件，但它打開了一堆項(xiàng)目 - 當(dāng)我重新啟動(dòng)筆記本電腦時(shí)，它仍然為我手動(dòng)打開所有這些文件和文件夾

記錄你的代碼時(shí)間；

可以準(zhǔn)確統(tǒng)計(jì)你在某個(gè)項(xiàng)目上花費(fèi)的時(shí)間； 不同的 IDE 有不同的插件。

上面安裝了一個(gè)插件，可以統(tǒng)計(jì)我使用的所有項(xiàng)目的行為。

可以有效地管理和了解自己的代碼時(shí)間；

-API-

支持, , frame, HTML5標(biāo)簽屬性提示的插件是為數(shù)不多的支持text3后綴提示的插件之一。 HTML5標(biāo)簽提示自帶text3，不過提示還是很有用的，提示的語言也可以設(shè)置。

手動(dòng)將側(cè)邊欄的背景顏色同步到編輯窗口的背景顏色。 有時(shí)右側(cè)邊欄的顏色在改變后并沒有改變。 我不知道為什么。 打開包控件，然后列出已安裝的包并刷新。

r

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

然后會(huì)列出配置文件目錄。找點(diǎn)東西改

比如好不容易改完側(cè)邊欄的背景色，發(fā)現(xiàn)字體沒變，小的受不了。 這時(shí)候我用r:Open打開我用來改的主題文件。

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

{

“班級”： ””，

“顏色”：[

207、

223、

232

],

“字體大小”：14

},

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

任務(wù)

這是一個(gè)非常強(qiáng)大的工具。 您可以創(chuàng)建新任務(wù)列表、管理任務(wù)時(shí)間和調(diào)整狀態(tài)。 它是工作過程中的筆記本和便利貼。 你非常清楚自己目前的任務(wù)和工作條件。 每個(gè)工程師都應(yīng)該仔細(xì)閱讀任務(wù)。 教程，絕對的效率利器。

如有侵權(quán)請聯(lián)系刪除！