100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 一款好用的前端编辑器–Sublime Text

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

时间:2019-10-31 02:07:33

相关推荐

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

web前端|html教程

编辑器,前端,大道

web前端-html教程

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

用户数据管理系统源码,ubuntu怎么下载歌曲,爬虫用什么ocr,php程序员珠江三角,吴川seo引流lzw

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

电商开源系统源码,ubuntu设置本地镜像,tomcat添加到启动项,机箱里面爬虫子,南京php工程师人才招聘,优化seo意见lzw

Sublime Text2有这么几个优点:

收款码合并3.0.1源码,ubuntu查看空闲内存,爬虫影视片段,php capcha,滑县seo外包lzw

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 代码,就会发现,多了很多其他的智能提示。

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

ConverToUTF8

如果页面出现乱码了,可以安装这个插件来解除乱码,这个也是必备的插件。

AllAutoComplete 和 PackageResourceViwer

对于文件夹内文件的智能提示,配合修改sublime默认的配置,可以设置 CSS 类名提示,在知乎上有大神的教学地址如下

还可以利用PackageResourceViwer 修改 sublime 侧边栏的样式和字体大小等

这些是博主自己安装的插件

3.sublime 自带的快捷键快速编写

(1)上面说的,配合 Emmet 快速生成页面骨架

注意,要先点右下角选择“HTML”格式或者先“ctrl + s”保存页面

在空白页面写上 html:xt //按着键盘的 tab 键 就可以生成 xhtml 的页面骨架

在空白页面写上 html:5 //按着键盘的 tab 键 就可以生成 html5 的页面骨架

(2)html,CSS,快捷语法

类似的语法还有很多很多,这里列举了几个常用的,其余的可以网上搜一下就有,很多。

(3)跨行齐编辑

做法:在需要编辑的文本里,按住鼠标滚轮键,注意,是按住鼠标滚轮键,然后把鼠标往下拉,拉到那些需要编辑的文本的行里,会出现一条竖线,这时候就可以开始编辑了,如图

对我自己而言,Sublime Text 确实是个不错的代码编辑器,以后会写其他两个我也很喜欢的编辑器 Visual Studio Code 和 IDE Webstorm。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。