慕课学习笔记

来源:互联网 发布:淘宝脸部拍摄自助开通 编辑:程序博客网 时间:2024/04/29 01:08
一些插件及与其相关的快捷键的使用:
(1)Emmet插件:
安装Packet:菜单栏View->Show Console->粘贴text2或text3的Packet配置信息->重启软件->Ct+N(新建文档)->Ct+Sh+P->输入pci->查找要安装的插件,如emmet
安装好Emmet插件后:


!+Ct+E:迅速生成html的基础元素

Ct+P:查找时加 #元素名;找到后,若要在该行下新加一行,可按 Ct+Enter

在文档中写: ul>.item$*10 ,再按Ct+E,则一次性生成10个<li class="item(1/2/3/../10)"></li> 即 父元素> .(表示有class标签或用 # 表示有id值)类名(id名)$*(子元素出现次数),再Ct+E

在文本中写 h2{this is good} 再按Ct+E,则生成 <h2>this is good</h2>

Ct+ 键盘上含 } 的键:文本缩进

Ct+Sh+V:粘贴时保持复制时的格式,如缩进等

(2)insert callback插件
Alt+C:删除多于的符号

(3)advanNew
用于创建文档的同时命名、保存该文档
Ct+Alt+N:在不用打开相关文件夹的情况下新建文档,需填写路径到 文档名.html(或其他类型文档)

(4)httpRequester
用于测试地址
Alt+Ct+R:测试 localhost(:端口号)/...

(5)netauke Snip

(6)sidebar enhancement
右击对应文档,有直接浏览该页的选项

(7)docblockr
用于简化注释拼写
/** +Tab键 :可有函数的注释格式
/** 或 /* + 回车键:其余注释符自动补充

(8)sublimelinter-jshlint
用于语法、风格的检验
安装jsnode插件 -> 安装sublimelinter-jshlint插件 ->运行cmd,输入 npm install -g jshint ->最后到sulimt软件里检验
0 0
原创粉丝点击