后端开发，推荐使用编辑器（简直是利器）或者vim（超利器），有时候我们写小demo的时候可以考虑使用Textsublime text 查看插件，虽然有时候打开速度太慢，占用显存。 之前安装了Text2，明天安装了Text3，整理了相关知识，适合新手阅读。 如果不是菜鸟可以直接看第四部分------ 4.插件推荐（以上是我精挑细选的插件）看看有没有你需要的插件，也可以留言推荐其他好的插件。 :-)

1.text3注册码

1.注册码

2、

二、包管理器安装方法

打开text3，按ctrl+~

或者菜单查看>显示

打开命令窗口，粘贴来自该网站的代码，然后按 Enter 键。

.png

3.安装插件

1、快捷键Ctrl+Shift+P（菜单-Tools-），输入选择回车；

.png

2、输入或选择你需要的插件回车安装（注意左下角的小文字变化，会提示安装成功）。

.png

4.插件推荐

1.打开浏览器预览写好的代码

需要注意的一点是安装好插件后，点击右边黑框圈出的地方

.png

在上面输入

[

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

]

之后可以直接ctrl+shift+enter预览写好的代码。

2. HTML-CSS-Low格式代码

具体介绍可以看这里：使用的HTML-CSS-插件低格式代码

不过补充一下，底层代码可以使用快捷键ctrl+shift+H，不需要像文中描述的那么麻烦；

3.

,,等js库手动完成。 这个插件的特点是可以自定义需要手动完成的库的配置。 安装后，其配置文件可以配置需要完成的库；

官网说明：

这里提醒一下，安装完成后，需要打开自定义设置（见右边绿圈圈出的部分），粘贴

.png

以下代码：

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

//---(sbc)

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

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

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

//

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

//

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

//APIs设置

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

// `true` 意味着它。

//`false` 意味着它。

"st":{//内置

"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-.-

“我的”：假

}

}

如果觉得有用，可以把对应的false改成true；

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

.png

官方地址：

官方文档：

另外我好几次安装这个插件都失败了。 一开始就报'isnot错误。 我安装了几次之后，发现又安装成功了，但是报to-错误。 这应该是由于网络不好。 您可以打开代理来安装它。 下载； 之后我重新安装了几次，又好了。

5.

快速输入文件名，手动提示文件路径，手动完成文件名的输入。 如果选中图片，输入“/”可以看到相对于项目文件夹的其他文件

6.代码校准工具

详见本文：代码校准工具的安装与使用

以上介绍了句型检测-和css句型检测-；

7.Emmet必备工具插件

.gif

进入 ”！” 或者“html:5”，然后按Tab键手动生成模板；

.png

输入h1{foo}和a[href=#]，手动生成以上代码；

详情可以阅读这篇文章：Emmet：HTML/CSS代码快速编译工具

8.代码手动补全

可以直接安装（我的直接安装重启即可），如果正常安装后还是不能使用，可以参考安装后无法正常完成完成的问题

9、解放F5的开发工具（刷新）

详见本文：一款解放F5的开发工具

我曾经在这篇文章中提到-sync也可以实现这个功能（貌似不仅有实时刷新的功能，还可以在多个浏览器中同步滚动条的位置，看表单行为和点击风暴功能详情，fast Start F5)，觉得太麻烦，需要开node，其实还有其他更好的独立软件（[F5]Web开发不用）可以实现实时刷新的功能（F5使用演示）；

10.text3和单向实时编辑预览CSS

详见text3和单向实时编辑预览CSS

其实使用它也可以实现这个功能。 详见：使用实现js、css文件调试和即时保存

我的插件总结

文/账号已被封（简书）

如有侵权请联系删除！