一款好用的前端编辑器--Sublime Text

零下一度

发布时间：2017-07-17 15:39:39

3007人浏览过

来源于php中文网

原创

从我学接触网站，一直都是使用dreamweaver，不管别人怎么认为dreamweaver不好。我还是觉得他是我使用过最好的代码编辑器，第一：它有自动补全功能；第二：有代码提示；第三：创建html文档时能够帮你自动完成文档头部代码。第四：可以格式化对齐代码。有时候还需要可视化查看功能。尽管它的反应速度不快，功能庞大。但我觉得目前市面上真正能够比dreamweaver好的可能没有。·

今年我又接触到另外一个好的编辑器：Sublime Text2.

Sublime Text2有这么几个优点：

1.速度飞快。

2.界面简洁。

立即学习“前端免费学习笔记（深入）”；

3.功能强大。

4.插件众多。

5.快捷键多。

6.可以不保存关闭下次再开编辑。

7.界面好看，可定制。

当然它最重要的还是插件众多，使得它的功能庞大。在学习前端的时候，我也像很多人那样上网搜一搜前端开发应该选择什么样的开发工具，一搜，结果几乎大部分结果都是推荐 Sublime，于是乎下载了一个，结果下载完打开一看，黑乎乎的窗体，一点也不华丽啊（sublime 的中文译名就是“华丽的”），后来自己琢磨和网上百度了一段时间，终于明白了为啥这么多人说 sublime 好用，很重要的一个原因是它的“自定义性”，就是在 sublime里面，你想要的一切，都可以自定义，自己选择。自己去改变；和另一个特性：快捷键快速编写或许有人会问，这不是瞎折腾吗？什么都需要自己去配自己去捣鼓。但是，到了后面自己写代码的时候，就会明白，这所有的“瞎折腾”都是有必要的。用 Sublime 写一些简单的 demo 的页面那是非常快的，但是，Sublime 也有明显的缺点，对项目的管理等不太方便，代码提示不如其他 IDE强大

1. 跨平台的编辑器。

同时支持Windows、Linux、Mac OS X等操作系统，轻量级的编辑器，支持各种编程语言。

2.sublime 的插件机制。

(怎样安装插件这里就不多说了，网上有很多很好的文章)说真的，安装的插件不需要太多，装太多还不如用专业的IDE（集成开发环境），分享一下我自己用得得心应手的几个插件吧；同一个sublime 的插件，手动下载后，放进无论是 windows系统，还是放进去 Mac 系统，都能安装。

Emmet

Emmet 这个是必须的，html,css,js 的快速智能提示它都能提供，而且还提供各种快捷生成页面html 页面骨架的快捷键.

Sublime Server

sublime 本身浏览页面的方式，默认是用文件路径的方式去访问的，并不是以 http localhost:8080/的方式去访问页面，这很容易发生一些文件路径的误差。

当安装了Sublime Server 插件之后，就可以使用 htttp 的方式去访问页面了。安装完之后在“工具 - sublime server- star sublime server”打开，之后，在页面点击鼠标右键“View in sublimer”之后，可以得到

Andy JS2

上面说的 Emmet 插件对 JavaScript 的代码提示支持是有限的，因此，可以，安装 AndyJS2这个插件弥补这个缺陷，由于在包管理工具上面已经不能搜索到这个插件，因此，可以手动把这个插件下载下来，下载地址：下载下来后，直接把文件夹里面的文件拷贝到“首选项- Package”里面，此时就完成安装了

这时候，再去写 JS 代码，就会发现，多了很多其他的智能提示。

逍遥内容管理系统(Carefree CMS)1.3.0

系统简介逍遥内容管理系统（CarefreeCMS）是一款功能强大、易于使用的内容管理平台，采用前后端分离架构，支持静态页面生成，适用于个人博客、企业网站、新闻媒体等各类内容发布场景。核心特性1、模板套装系统 - 支持多套模板自由切换，快速定制网站风格2、静态页面生成 - 一键生成纯静态HTML页面，访问速度快，SEO友好3、文章管理 - 支持富文本编辑、草稿保存、文章属性标记、自动提取SEO4、全

下载

也许会有人说，智能提示不强要装这么多插件，用它 sublime干嘛，还不如用 IDE，例如 Webstorm或者 visual studio ，但是，如果是新手学习，想更熟悉一些语法和代码，那么，请一试 sublime，这种“华丽的智能提示” O(∩_∩)O