网上科普有关“sublime text怎么用”话题很是火热,小编也是针对sublime text怎么用寻找了一些与之相关的一些信息进行分析 ,如果能碰巧解决你现在面临的问题,希望能够帮助到您 。
以下跟大家分享一下Sublime Text 中使用Zen Coding的一些技巧
1 、缩写扩展
之前知道,通过Control + Alt + Enter可以在一个新行中输入ZC的缩写,来生成代码。同时,如果我们在编辑中直接书写了ZC缩写,比如 div#content>p 当光标放置在p之后时,可以通过Tab键来扩展,ZC会从光标处开始向左侧搜索到第一个空白处,之间的代码作为ZC缩写,这样不必每次打开新行输入,提高了效率,缺点就是不能够实时预览。
2、嵌套代码
如上图所示,可以实现在已经写好的代码外面嵌套其他的代码,实现方式是将光标放置到想要嵌套的标签上,然后使用Control + Alt + Enter 呼出ZC的命令行,就可以了 。
其实Zen Coding还提供了很多方便代码编写的操作,例如标签匹配、返回上一个/下一个编辑点 、更新img标签、合并行等,但是因为在Sublime Text中没有提供完整的支持,所以这些特性还无法使用。
其余插件:
①jQuery Package for sublime Text
习惯使用jQuery者必备
②Sublime Prefixr
Prefixr,CSS3 私有前缀自动补全插件
③JS Format
JS代码格式化插件。
④Placeholders
占位用,包括一些占位文字和HTML代码片段,实用。
⑤Sublime Alignment
用于代码格式的自动对齐,最新版Sublime 已经集成 。
⑥Tag一些有代码洁癖的程序猿很适合这个插件,HTML代码格式化能使html代码更加漂亮整洁。
⑦JsMinifier
该插件基于Google Closure compiler,自动压缩js文件。
⑧Sublime CodeIntel
代码自动提示
⑨Bracket Highlighter
类似于代码匹配,可以匹配括号,引号等符号内的范围 。
⑩GBK to UTF8
将文件编码从GBK转黄成UTF8,快捷键Ctrl+Shift+C
1、打开sublime text3,并且新建一个html文档和一个css文档。
2、把最基本的html框架写出来。
3 、在html的head部分写上编码字符集并引入css文件 。
4、在html的body里面写一个div ,打上文字并设置一个class名。
5、在浏览器中打开,查看现在的效果。
6 、我们直接在选择的div的class名里面加一个“margin: 0 auto; ”属性保存 。
关于“sublime text怎么用”这个话题的介绍,今天小编就给大家分享完了,如果对你有所帮助请保持对本站的关注!
本文来自作者[凝远小哥哥]投稿,不代表石号立场,如若转载,请注明出处:https://s0429.com/cshi/202512-2198.html
评论列表(4条)
我是石号的签约作者“凝远小哥哥”!
希望本篇文章《sublime text怎么用》能对你有所帮助!
本站[石号]内容主要涵盖:国足,欧洲杯,世界杯,篮球,欧冠,亚冠,英超,足球,综合体育
本文概览:网上科普有关“sublime text怎么用”话题很是火热,小编也是针对sublime text怎么用寻找了一些与之相关的一些信息进行分析,如果能碰巧解决你现在面临的问题,希望...