1.下载安装包地址:https://www.sublimetext.com/2

2.安装,一直点下一步就好,将下列选项打钩,这样文件右键就可以直接用sublime text2打开

3.新建一个html文件

  先安装Emmet插件

  1.打开网站https://packagecontrol.io;然后点击按钮Install Now;

  

  找到框中内容复制下来。

  打开sublime text2 ,在头部菜单栏上找view->show console ,然后把上边内容输入框内,按回车键。

  等待安装完成便可以在菜单Preferences中找到package control选项。

  然后点击Package Control选项,在搜索框中输入Emmet,找到后即可安装。

  如果找不到Emmet 选择Install Package,等下一个框出现的时候再输入emmet

安装完成后Preferences->Package Setting中可看到到Emmet选项。安装结束。

  在菜单栏Flie新建一个文件或按住Ctrl+N新建一个文件

  在右下角有个plain text的标志,点击,选择文件类型为HTML

  然后Ctrl+S保存文件,保存在你想保存的位置

  这时候输入"!"(注意一定要选择对输入法),然后按"Tab",神奇的发现HTML的头部就出现了,然后进行编码,由于我们安装了emmet插件,每次输入<都会有提示,很方便我们的操作。

4.emmet插件的使用

① 输入html:5,然后按Tab键即可生成html文件模板。

② 输入标签名*数量,然后按Tab,即可生成一定数量的该标签。

③ 输入标签名#ID,即可创建ID为标签名标签。

④ 输入标签名.class即可创建类为class的标签。

比较详细的可查看:https://www.cnblogs.com/web1/p/5825920.html

5.如果不小心将顶部菜单栏隐藏起来了该怎么办?

1.按住Ctrl+Shifp+p,出现一个框,在框里输入“view:”

2.选择:“View:Toggle Menu”即可,Ok,大功告成,菜单栏终于又回来了!

6.常用操作

1.代码字体大小改变快捷键ctrl+-/ctrl++

2.添加项目:将项目直接拖拽到编辑器里就可以。移除项目:在项目文件上右键选择:RemoveXXXX

3.用Sublime Text对比查找两个文档的不同:https://jingyan.baidu.com/article/948f5924eee15dd80ff5f9ab.html

4.sublime text 2 小窗口并列显示,点击 view --> Layout --> Columns 2 , 3, 4 纵向并列显示小窗口。收回变成一个窗口选择view --> Layout -->single

5.常用快捷键可查看:https://www.cnblogs.com/rudong/p/7889114.html

6.格式化代码,选中要格式化的代码然后edit—>line—>reindent

sublime text2 安装及使用教程的更多相关文章

  1. sublime text2安装package control的方法

    Package Control 方法一:在线安装,首先打开 Ctrl + ~,输入如下的代码: import urllib2,os; pf='Package Control.sublime-packa ...

  2. Sublime Text2 安装Package Control

    Sublime Text2是一款轻量级的妖娆的编辑器,想要更多私人定制功能的第一步就是安装Package  Control 这是官网的安装方法: Click the Preferences >  ...

  3. Sublime Text2安装emmet(原名Zen Coding)总结

    首先,安装好Sublime( 我用的是版本号2),之后注冊好.Sublime Text2.0.2注冊码:http://xionggang163.blog.163.com/blog/static/376 ...

  4. Sublime Text2安装Package Control

    一.安装Package Control 使用Sublime Text2首先就要安装Package Control,这样就能使用丰富的插件包了 安装方法有2种: (1)访问Package Control ...

  5. 【笔记JS/HTML/CSS】ubuntu环境下的sublime text2 安装 zenCoding

    刚接触web编程的时候就被老师安利了sublime text2 这个文本编辑器,后来发现它真的挺好用的,无论是windows还是ubuntu,都可以很简单地下载安装(到官网,免费哦),三分钟内就搞定了 ...

  6. sublime text2 安装less2css插件

    之前一直用PhpStorm,功能十分强大,各种插件也有,不过比较占内存,有时候,左边的项目列表都刷不出来,今天又出现了这个问题,于是果断换sublime了. 由于项目中要用less编译,所以得装个le ...

  7. 给Sublime Text2安装轻量级代码提示插件:SublimeCodeIntel

    步骤: 1.下载SublimeCodeIntel(地址https://github.com/SublimeCodeIntel/SublimeCodeIntel): 2.将下载的压缩包解压,并放置在Pa ...

  8. Sublime Text2安装emmet

    一.安装Package Control 如果Preferences中没有Package Control,需要手动安装.安装方法如下: 访问Package Controls站点复制一段python命令安 ...

  9. sublime下安装ctags

    sublime下安装ctags 标签: sublime   当我们阅读代码时, 会遇到很多不明确的函数名, 此时, 我们需要查看这个函数的定义的地方, 在sublime下我们需要安装一个插件, Cta ...

随机推荐

  1. BeautifulSoup模块过滤掉html标签,只拿文本内容(处理XSS攻击)

    from bs4 import BeautifulSoup#kindeditordef kindeditor(request): s = ''' <li><span style=&q ...

  2. ubuntu搭建svn服务器并htpp访问版本库并svn与web同步

    Ubuntu搭建SVN服务器多版本库 1  介绍   Subversion是一个自由,开源的版本控制系统,这个版本库就像一个普通的文件服务器,不同的是,它可以记录每一次文件和目录的修改情况.这样就可 ...

  3. (转)Android 只开启一个Activity实例

    在一个Activity中,多次调用startActivity()来启动另一个Activity,要想只生成一个Activity实例,方法有两种. 方法一:设置起动模式 一个Activity有四种启动模式 ...

  4. Python 中文数字转阿拉伯数字

    #只能转数字,传参中包含非数字会错. def t(str): zhong={'零':0,'一':1,'二':2,'三':3,'四':4,'五':5,'六':6,'七':7,'八':8,'九':9}; ...

  5. Python开发者年度调研,结果出乎意料!

    来源商业新知网,原标题:Python开发者年度调研:一半Python用户也用JS,2/3选择Linux系统 作为高级编程语言,Python的受欢迎程度近几年一直在往 上涨.每年,Python官方都会针 ...

  6. Jmeter固定定时器(Constant Timer)

    如上图,Constant Timer是jmeter固定定时器元件 一般用来设置延时的,放在某个请求下,表示Constant Timer配置的指定时间后,再开始发起这个请求操作(单位:毫秒) 根据Con ...

  7. hadoop学习路线

    学习hadoop,首先我们要知道hadoop是什么? 说到底Hadoop只是一项分布式系统的工具,我们在学习的时候要理解分布式系统设计中的原则以及方法,只有这样才能以不变应万变.再一个就是一定要动手, ...

  8. 关于socket

    使用socket常用的操作就是读写,recv和send,与read.write对应,但多了一个flag位可以设定阻塞等,一些细节以后再探.目前使用时发现read往往不能将数据完整读出,可能是调用时内核 ...

  9. vim 常用指令总结

    vim的好处(四大好处) vim具有大量的操作技巧,编辑能力强大且速度比其他工具快的多! (这里举个简单的小例子:将每行的前四个字母复制到每行的末尾; 将文本中的所有word替换为words; 等等很 ...

  10. Hillstone防火墙sslvpn配置与使用

    1.山石的sslvpn称为Secure Connect VPN,即scvpn. 2.WEB界面登陆防火墙,“用户”,“AAA服务器”,新建用户: 3.定义源IP池 即用户通过sslvpn拨号成功后获取 ...