web前端开发:sublime的使用
一、 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>
- 点赞
- 收藏
- 关注作者
评论(0)