如何快捷的使用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 展开书写;