web前端开发:sublime的使用

举报
zhousn 发表于 2020/06/30 00:08:01 2020/06/30
【摘要】 Sublime Text 是一个文本编辑器(收费软件,可以无限期试用,但是会有激活提示弹窗),同时也是一个先进的代码编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。

一、 sublime介绍:

Sublime是一个代码编辑器,可以编写HTMLphpjscss等等文件。

二、 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 controlsublime软件的插件包管理器,通过该组件,我们可以很方便的管理我们插件(浏览,安装,卸载)

七、使用package control安装插件

1、ctrl+shift+p

2、在命令框中选中 package control:install package选中它 按回车

3、在命令框中输入插件名称,选中插件,按回车

插件列表:

1、 ChineseLocalization:汉化
2、ConvertToUTF8:自动把文件编码方式转换为UTF-8
3、 Emmet :能够快速编写HTMLCSS标记的插件
4、 IMESupport :是用来支持输框跟随光标显示的插件(win7win8win10
5、SublimeCodeIntel:代码提示插件
6、SidebarEnhancements:侧边栏插件,让侧边栏功能更丰富
7、 FileHeader:自动创建文件开头模板,并且会根据最后的保存时间修改更新时间
8、 CSS Formatcss格式化。

八、使用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

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。