前端系列课程(10-3)-Sublime常用插件

插件安装前,通常需要安装组件 package control(插件安装包管理器),用于添加、卸载、更新相关插件。

插件安装过程中,可能会遇到这样的问题:There are no packages available for installation,也就是说无法安装插件,试了下,中文版很难解决,所以,推荐安装英文版 — 下载地址:http://www.sublimetext.com/3


[ 检测 ] 检测 sublime 是否安装了该组件,Ctrl + Shift + P,在命令行中输入 pc,如下图表示已安装:


[ 安装 ] 如果没有安装,可以直接在命令行中选择 install Package Control 进行安装,或者选择 view – show control(显示/隐藏控制台,Ctrl + `) > 复制(packagecontrol.io/installation)命令 > 重启


[ 插件列表(Ctrl + Shift + P)] preferences(首选项)– package control(如,~:install Package 安装插件):

[1] ChineseLocalization:汉化插件 // 安装过程,可能是漫长的等待 ... 甚至可能安装失败(再来一次或者 ...)

<code>// 如果安装失败,可以考虑手动下载插件文件,然后复制到 “首选项” - “浏览插件目录” 所打开的目录下/<code>


[2] Emmet:可以快速编写 HTML 和 CSS 代码

<code>! 自动生成骨架结构// 生成标签:直接输入标签名,按 tab 键即可。如, div ,tab键,就可以生成

#foo ID 为 foo.foo 类名为 foo // 生成带有类名或 id 名的标签,直接写 div.demo 或 div#app ,按 tab 键即可+ 同级元素 // 生成有兄弟关系的标签,如,div+p> 下一级元素 // 生成有父子级关系的标签,如,ul>li*3 生成 3 个元素 // 生成多个相同的标签,如,div*3$ 从 1 开始的递增值 // 如,div{$}*3{} 元素内容 // 如,p.demo{这是一个段落}/<code>

[3] SublimeCodeIntel:代码提示插件(可能需要重复安装好多次,才会安装成功)


[4] DocBlocker:可以方便的产生函数的注释

[5] SiderBarEnhancements:实用的右键菜单增强工具

[6] Terminal:可以在 sublime 中直接打开命令行终端