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)