后端開發(fā)，推薦使用編輯器（簡直是利器）或者vim（超利器），有時候我們寫小demo的時候可以考慮使用Textsublime text 查看插件，雖然有時候打開速度太慢，占用顯存。 之前安裝了Text2，明天安裝了Text3，整理了相關(guān)知識，適合新手閱讀。 如果不是菜鳥可以直接看第四部分------ 4.插件推薦（以上是我精挑細(xì)選的插件）看看有沒有你需要的插件，也可以留言推薦其他好的插件。 :-)

1.text3注冊碼

1.注冊碼

2、

二、包管理器安裝方法

打開text3，按ctrl+~

或者菜單查看>顯示

打開命令窗口，粘貼來自該網(wǎng)站的代碼，然后按 Enter 鍵。

.png

3.安裝插件

1、快捷鍵Ctrl+Shift+P（菜單-Tools-），輸入選擇回車；

.png

2、輸入或選擇你需要的插件回車安裝（注意左下角的小文字變化，會提示安裝成功）。

.png

4.插件推薦

1.打開瀏覽器預(yù)覽寫好的代碼

需要注意的一點是安裝好插件后，點擊右邊黑框圈出的地方

.png

在上面輸入

[

{"鍵":["ctrl+shift+enter"],"":""}

]

之后可以直接ctrl+shift+enter預(yù)覽寫好的代碼。

2. HTML-CSS-Low格式代碼

具體介紹可以看這里：使用的HTML-CSS-插件低格式代碼

不過補(bǔ)充一下，底層代碼可以使用快捷鍵ctrl+shift+H，不需要像文中描述的那么麻煩；

3.

,,等js庫手動完成。 這個插件的特點是可以自定義需要手動完成的庫的配置。 安裝后，其配置文件可以配置需要完成的庫；

官網(wǎng)說明：

這里提醒一下，安裝完成后，需要打開自定義設(shè)置（見右邊綠圈圈出的部分），粘貼

.png

以下代碼：

{//--------------------

//---(sbc)

//--------------------

//**`html`,``,```sbc-api-${}.-``//User/`()or`//${this-}/-/` （內(nèi)置）。

//在你之后，或者添加了新的你自己的，你可能需要你的文本。

//

//你自己的文件`sbc-.-``//User/`。

//

//--------------------

//APIs設(shè)置

//--------------------

// `true` 意味著它。

//`false` 意味著它。

"st":{//內(nèi)置

"css-":false,"-":false,"html":false,"":false,"":true,"":true,"-sq":true,//引用

"php":false,"phpci":false,"sql":false,"-":false,"--less-":false,"-":false,"--sass-":false,"" :false,"react":false, //你自己的？

//~//\\/\\Text\\3//用戶/sbc-api-my-.-

“我的-”：假的sublime text 查看插件，//~//\\/\\Text\\3//用戶/sbc-api-my-.-

“my-”：假，//~//\\/\\Text\\3//User/sbc-api-my-html.-

"my-html": false, //~//\\/\\Text\\3//User/sbc-api-my-.-

“我的”：假

}

}

如果覺得有用，可以把對應(yīng)的false改成true；

4.高亮顯示[],(),{},"",'',#!xml甚至自定義字符，方便搜索；

.png

官方地址：

官方文檔：

另外我好幾次安裝這個插件都失敗了。 一開始就報'isnot錯誤。 我安裝了幾次之后，發(fā)現(xiàn)又安裝成功了，但是報to-錯誤。 這應(yīng)該是由于網(wǎng)絡(luò)不好。 您可以打開代理來安裝它。 下載； 之后我重新安裝了幾次，又好了。

5.

快速輸入文件名，手動提示文件路徑，手動完成文件名的輸入。 如果選中圖片，輸入“/”可以看到相對于項目文件夾的其他文件

6.代碼校準(zhǔn)工具

詳見本文：代碼校準(zhǔn)工具的安裝與使用

以上介紹了句型檢測-和css句型檢測-；

7.Emmet必備工具插件

.gif

進(jìn)入 ”！” 或者“html:5”，然后按Tab鍵手動生成模板；

.png

輸入h1{foo}和a[href=#]，手動生成以上代碼；

詳情可以閱讀這篇文章：Emmet：HTML/CSS代碼快速編譯工具

8.代碼手動補(bǔ)全

可以直接安裝（我的直接安裝重啟即可），如果正常安裝后還是不能使用，可以參考安裝后無法正常完成完成的問題

9、解放F5的開發(fā)工具（刷新）

詳見本文：一款解放F5的開發(fā)工具

我曾經(jīng)在這篇文章中提到-sync也可以實現(xiàn)這個功能（貌似不僅有實時刷新的功能，還可以在多個瀏覽器中同步滾動條的位置，看表單行為和點擊風(fēng)暴功能詳情，fast Start F5)，覺得太麻煩，需要開node，其實還有其他更好的獨立軟件（[F5]Web開發(fā)不用）可以實現(xiàn)實時刷新的功能（F5使用演示）；

10.text3和單向?qū)崟r編輯預(yù)覽CSS

詳見text3和單向?qū)崟r編輯預(yù)覽CSS

其實使用它也可以實現(xiàn)這個功能。 詳見：使用實現(xiàn)js、css文件調(diào)試和即時保存

我的插件總結(jié)

文/賬號已被封（簡書）

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