web前端开发：sublime的使用
【摘要】 Sublime Text 是一个文本编辑器（收费软件，可以无限期试用，但是会有激活提示弹窗），同时也是一个先进的代码编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。
一、 sublime介绍:
Sublime是一个代码编辑器，可以编写HTML，php，js，css等等文件。
二、 sublime有哪些优点:
优点:
跨平台
扩展性强
提交小，运行速度快
支持编辑功能，可以在控制台查看输出
支持大量的插件
三、 sublime安装：
下载地址：http://www.sublimetext.com/3 对应系统的版本
安装：必须安装在电脑硬盘当中 路径中不能出现中文字符
四、sublime中pyv8安装（需要的时候）
Sublime Text手动安装pyv8-binaries
一、下载PyV8 Binaries
二、新建PyV8文件夹
打开Sublime Text
依次选择Preferences ->Browse Packages
选择当前打开的目录文件的上一层
选择Installed Packages文件夹
新建PyV8文件夹
在PyV8文件夹下新建和刚刚下载的压缩包同名的文件夹（eg. 如果是pyv8-win64-p3.zip，就新建pyv8-win64-p3文件夹）并把刚下载的压缩文件解压到此目录
重启Sublime Text即可
五、sublime插件安装和使用
插件安装的方式:
插件安装方式一：直接安装
下载插件安装包，然后把安装解压到packages目中，按成安装（菜单->首选项->浏览插件）
插件安装方法二：使用package control组件安装（推荐）
六、Package control的介绍
Package control是sublime软件的插件包管理器，通过该组件，我们可以很方便的管理我们插件（浏览，安装，卸载）
七、使用package control安装插件
1、ctrl+shift+p
2、在命令框中选中 package control：install package选中它 按回车
3、在命令框中输入插件名称，选中插件，按回车
插件列表：
1、 ChineseLocalization：汉化
2、ConvertToUTF8：自动把文件编码方式转换为UTF-8
3、 Emmet ：能够快速编写HTML、CSS标记的插件
4、 IMESupport ：是用来支持输框跟随光标显示的插件（win7、win8、win10）
5、SublimeCodeIntel：代码提示插件
6、SidebarEnhancements：侧边栏插件，让侧边栏功能更丰富
7、 FileHeader：自动创建文件开头模板，并且会根据最后的保存时间修改更新时间
8、 CSS Format：css格式化。
八、使用package control删除插件
1、ctrl+shift+p
2、在命令框中选中 package control：remove package选中它 按回车
3、在命令框中输入插件名称，选中插件，按回车
九、使用sublime创建一个HTMl文件
快捷键：
1、简单创建和控制台Ctrl+N 新建文件Ctrl+S 保存文件Ctrl+~ 调出sublime软件控制台esc 取消控制台和面板显示
2、代码层级：Ctrl+/ 注释代码
<body>
<!-- 后代： > -->
div>ul>li*3 <!-- 兄弟: + -->
div+p+ul <!-- 分组：（） -->
div>(header>ul>li*4)+footer>p</body>
`html:5+Tab`或`!+Tab `:
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8" />
<title>Document</title></head><body> </body></html>html:xt+Tab低版本1.0
<!DOCTYPE html PUBLIC "-//W3C//
DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/
TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Document</title></head><body>
</body></html>
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）