如何快捷的使用sublime来开发编码

Sublime 是一个近年来非常流行的代码编辑器,可以用来编写HTML、CSS、JavaScript、php等代码。Sublime 有着非常漂亮的界面,黑底彩色字,标新立异,字体也非常可爱。Sublime 还有着非常强大的代码提示功能,极大的简化了程序员的工作。Sublime 的界面,非常的漂亮,字体也圆润可爱。

操作方法

  • 01

    下载后该软件不需安装,直接解压后放到自己对应的文件下,打开文件发送快捷方式到桌面就可使用了哦。漂亮的界面,是不是立刻有编码的冲动.

  • 02

    下面我可来安装插件,点击菜单栏中的Preferences 选项,然后选择Package Control。html,css,js,php的插件都很用户得到。

  • 03

    然后你能看到如上图显示的界面。这个时候请用鼠标点选“InstallPackage”选项。请耐心等待,鼠标不要再次点击,否则容易失败。

  • 04

    这时就能看见如上图一样的界面。这就是Sublime 已经在服务器上寻找所有可用的插件扩展啦!点击任意一个,就可以完成安装。是不是很方便呢?

  • 05

    要使用的插件都装好后我们来实践操作快捷键吧: 按快捷键ctrl+N 即可新建一个文件,输入html:xt 然后按ctrl+E 键,将自动生成一个空白的html 文档。ctrl+E 是一个非常常用的快捷键,表示自动生成。然后就可以按ctrl+S 键即可进行保存。

  • 06

    快速添加HTML 标签: 让我们来书写几个HTML 标签,试试看。 <link rel="stylesheet" type="text/css" href=""> 在需要书写代码的地方,直接输入<link 然后,你就能看见智能感应已经出现。这个时候,按回车键,Sublime 将自动为你补齐其余的代码。其他的html标签的操作是类似的。

  • 07

    如果想要插入一个div,它的id 是box:输入div#box,然后按ctrl+E 键即可。 输入div.red,然后按ctrl+E,即可生成<div class=”red”></div>了。

  • 08

    如果想要添加5 个div,只需要输入div*5,然后按ctrl+E 键即可。 div#demo>p*5然后按ctrl+E 键:代表div的属性id叫demo下面有p标签

  • 09

    在使用Sublime 的时候,下面的快捷键,将使你的开发事半功倍。 ctrl+shift+D 复制当前行; ctrl+shift+K 删除当前行; ctrl+shift+↑ 将当前行上移; ctrl+shift+↓ 将当前行下移; ctrl+shift+[ 折叠代码 ctrl+shift+] 展开代码 ctrl+alt+[ 将CSS 写成一行; ctrl+alt+] 将CSS 展开书写;

(0)

相关推荐

  • Sublime设置文件编码utf-8

    一些网页文件创建的时候可能没有编码,那么怎么操作呢,以及怎么创建有编码的文件 操作方法 01 直接用文本转html可能会出行乱码,因为编码不对: 02 将文件拖动到编辑器中,进行编辑 03 为了保险起 ...

  • 如何正确安装sublime text 3

    越来越多的人都想学习IT,有一款好的开发软件是必不可少的,sublime因为开发软件安装便捷,占用内存小显得尤为出众,小编下面教大家如何安装吧! 操作方法 01 首先在百多上搜索sublime软件程序 ...

  • 云计算交互设计师的必备知识!

    作为云计算的交互设计师需要学习哪些?文章为你解答. 最近有不少设计师会跟我聊到,做云计算的交互设计与其他设计师有什么区别吗? 我其实也不知道怎么回答,能够记起的最后一次 TC 类的项目已经是两三年前在 ...

  • VB编程学习怎么入门

    VB 6.0的编程环境 01 VB6.0采用可视化的编程环境,它好学易用,运行VB6.0后,会出现如下图所示的窗口.先来解决一个小问题,怎么新建一个VB的工程?方法是这样的,在程序启动时出现的&quo ...

  • FastReport创建托管在windows服务中的WCF服务

    报表开发工具FastReport .NET最新的WCF服务库FastReport.Service.dll非常的强大而且易用,本文将介绍基于其创建托管在windows服务中的WCF服务的方法. 操作方法 ...

  • 自己打造Sublime Text 3 开发编辑神器

    在windows下是绝对的神器,Notepad++之类的无可比拟;linux下,因为有个vim,鄙人对vim不懂,所以孰好孰更好,不好说。总结起来就是,神器一般的轻量级的面向php、python等开发 ...

  • 使用Sublime Text 3打造PHP开发IDE教程

    Sublime Text 3是我喜欢的一款编辑器,她支持多种语言开发,相比IDE来说启动非常快速,缺点就是很多功能需要自己手动安装插件,对于新手来说可能比较困难,这里我将手把手教你将Sublime T ...

  • Win7、2008 64为Sublime Text3 配置python3的开发环境的方法

    其实网上资料很多,我这里简单的做个操作记录吧,因为想学习一人python的使用,看了点视频,发现使用Sublime 编辑器也是比较好用的.当然使用UltraEdit也是一个选择,只是,Python是编 ...

  • Sublime代码编辑器怎么保存编码?

    我们经常使用Sublime编辑代码,今天我们就来介绍Sublime保存编码的方法,请看下文详细介绍. 1.打开Sublime软件就能看到保存编码按钮. 2.我们会看到他后面有这个命令,代表还有一个命令 ...