sublime text2 安装及使用教程
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 安装及使用教程的更多相关文章
- sublime text2安装package control的方法
Package Control 方法一:在线安装,首先打开 Ctrl + ~,输入如下的代码: import urllib2,os; pf='Package Control.sublime-packa ...
- Sublime Text2 安装Package Control
Sublime Text2是一款轻量级的妖娆的编辑器,想要更多私人定制功能的第一步就是安装Package Control 这是官网的安装方法: Click the Preferences > ...
- Sublime Text2安装emmet(原名Zen Coding)总结
首先,安装好Sublime( 我用的是版本号2),之后注冊好.Sublime Text2.0.2注冊码:http://xionggang163.blog.163.com/blog/static/376 ...
- Sublime Text2安装Package Control
一.安装Package Control 使用Sublime Text2首先就要安装Package Control,这样就能使用丰富的插件包了 安装方法有2种: (1)访问Package Control ...
- 【笔记JS/HTML/CSS】ubuntu环境下的sublime text2 安装 zenCoding
刚接触web编程的时候就被老师安利了sublime text2 这个文本编辑器,后来发现它真的挺好用的,无论是windows还是ubuntu,都可以很简单地下载安装(到官网,免费哦),三分钟内就搞定了 ...
- sublime text2 安装less2css插件
之前一直用PhpStorm,功能十分强大,各种插件也有,不过比较占内存,有时候,左边的项目列表都刷不出来,今天又出现了这个问题,于是果断换sublime了. 由于项目中要用less编译,所以得装个le ...
- 给Sublime Text2安装轻量级代码提示插件:SublimeCodeIntel
步骤: 1.下载SublimeCodeIntel(地址https://github.com/SublimeCodeIntel/SublimeCodeIntel): 2.将下载的压缩包解压,并放置在Pa ...
- Sublime Text2安装emmet
一.安装Package Control 如果Preferences中没有Package Control,需要手动安装.安装方法如下: 访问Package Controls站点复制一段python命令安 ...
- sublime下安装ctags
sublime下安装ctags 标签: sublime 当我们阅读代码时, 会遇到很多不明确的函数名, 此时, 我们需要查看这个函数的定义的地方, 在sublime下我们需要安装一个插件, Cta ...
随机推荐
- EMQTT本地源码搭建填坑记录
因业务需求需要本地搭建一个emqtt的消息队列服务器,根据官网提示搭建失败,具体如下 官方步骤: Erlang 安装: http://www.erlang.org/ MSYS2 安装: http:// ...
- MATLAB入门笔记
% MATLAB:MATLAB 为 Matrix Laboratory ,用来处理矩阵可编程可实现算法逻辑的计算工具% % eg:1 绘制正弦和余弦曲线x=[0:0.1:4*pi]; %建立角度向量p ...
- TabLayout占不满屏幕所有宽度
<android.support.design.widget.TabLayout android:id="@+id/tab_layout" android:layout_wi ...
- 项目(一)ftp搭建
FTP服务 FTP两种模式: 主动模式服务器向客户端敲门,然后客户端开门 被动模式客户端向服务器敲门,然后服务器开门 传输模式:可以是文本模式,也可以是二进制模式,二进制模式更适合传输图片等非文本字符 ...
- C语言作业04-数组
1.本章学习总结 1.1思维导图 1.2本章学习体会及代码量学习体会 1.2.1学习体会 通过本章的学习,学会了几种用于循环的语句,能够利用循环解决复杂的问题,但对于几种循环的使用并不熟练,其中对于c ...
- phpstorm界面不停的indexing,不停的闪烁
选择 File->Invalidate Caches / Restart...->Invalidate and Restart,就行了!
- 浅析MVC模式与三层架构的区别
浅析MVC模式与三层架构的区别 三层架构和MVC是有明显区别的,MVC应该是表现模式(三个加起来以后才是三层架构中的UI层).三层架构(3-tier application) 通常意义上的三层架构就是 ...
- mysql学习3:mysql之my.cnf详解
mysql之my.cnf详解 本文转自:https://www.cnblogs.com/panwenbin-logs/p/8360703.html 以下是 my.cnf 配置文件参数解释: #*** ...
- python 基础 ----- 变量
------ python注释 注释的作用:代码提示,运行时忽略不必要的代码 注释的三种方式: 1.“#” 单行注释 2.多行注释 三个单引号 和三个双引号都可以 注释的快捷键 Ctrl + ...
- MoneyRunner API汇总
MonkeyRunner API 汇总 MonkeyRunner工具主要有三个类: MonkeyRunner MonkeyDevice MonkeyImage 1.MonkeyRunner类: Mon ...