sublime text2 安装及使用教程

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

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

3.新建一个html文件

  先安装Emmet插件html

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

  

  找到框中内容复制下来。编辑器

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

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

  而后点击Package Control选项,在搜索框中输入Emmet,找到后便可安装。编码

  若是找不到Emmet 选择Install Package,等下一个框出现的时候再输入emmetspa

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

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

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

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

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

4.emmet插件的使用

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

② 输入标签名*数量,而后按Tab,便可生成必定数量的该标签。

③ 输入标签名#ID,便可建立ID为标签名标签。

④ 输入标签名.class便可建立类为class的标签。

比较详细的可查看:http://www.javashuo.com/article/p-qpdmbqhy-bg.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.经常使用快捷键可查看:http://www.javashuo.com/article/p-eypzefue-bc.html

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

相关文章
相关标签/搜索