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

2025-04-23 23:42:29

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

如何快捷的使用sublime来开发编码
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢