sublime text2快捷键,针对前端开发的插件安装及使用

Mac中Sublime Text 3插件安装、汉化及基本使用 今天需要将一个大文件的json格式化,需要使用sublime的插件功能 直接在App Store中搜索SublimeText3下载安装 或者去官网下载http://www.sublimetext.com/ 然后打开sublime选择preferences—->Package Control 然后选择 install package 然后就输入你想要安装的插件比如... 阅读详情

如题。

        许多人都会推崇vim。但是我觉得用得顺手最重要。

        在这里推荐sublime text2(简称SB)。

        SB是跨平台的,支持linux,windows,macos,同时还是免费的,但是当你多按几次ctrl+s之后会弹出购买软件的提示框。但是这个框不影响正常使用,可以忽视。网上也有很多的破解方法,其实不需要破解的。 

        这篇文章介绍一些针对前端的开发所需要使用的插件:

        http://www.qianduan.net/essential-to-sublime-the-text-2-plugins.html

        安装的方法大家网上一搜一大堆,这里我就不再重复。目前我的SB上就安装了下面9个插件。每个插件的作用都可以在上面的文章链接中找到。

        下面着重介绍一下这些插件的使用, 这篇文章中介绍到的插件有:

        1.EMMET,原Zen Coding.

            参考这篇文章:http://www.qianduan.net/zen-coding-a-new-way-to-write-html-code.html

            EMMET的编写方法可以参考晚上很多的教程,这里就不介绍。使用这个插件会强迫你在写html之前,先将结构完全想好后才开始动手,同时,这个插件的html结构+css样式+js行为三者结合的思想非常明确,因为他的快捷命令中就只能添加id,class等属性。

            快捷键: 

展开缩写 - Tab键或按Ctrl + E

互动“展开缩写” - 按Ctrl + Alt + Enter键

对外的标签匹配对 - ^ D(MAC)/ Ctrl键 + ,(PC)
作用:选中光标所在的标签或文本,每多按一次都会向外层元素扩展选择。

标签匹配对向内 - ^ J / 按Ctrl + Alt +,
作用:选中光标所在的标签或文本,每多按一次都会向内层元素收缩选择。

对匹配 - ⇧^ T / 按Ctrl + Alt + J
作用:在标签的开始<>和结束</>来回跳转。

ul.nav>li.nav-item$*>a|t  |t能够去掉ul,ol等列表项的包裹内容标记,比如排序的数字。

ul>li[title=$#]*>{$#}+img[alt=$#]  $#可以控制包裹内容位置

转到编辑点 - 按Ctrl + Alt +→或按Ctrl + Alt +←:在linux下可能会出现快捷键冲突而不适用。

使用缩写包裹 - ^ W / Shift键+ Ctrl键+ G

选择“属性值”html和css都可以选 - “ ⇧⌘。或⇧⌘ / 按Ctrl + Shift +。或Shift + Ctrl + ,

切换注释 - ⇧⌘/ / Shift + Ctrl键+ /:在选中的标签外添加注释或删除注释

拆分/加入标签 - ⇧⌘ / Shift + Ctrl +`
删掉标签间的内容,并合并标签开始和结束符。生成标签的开始和结束符。

删除标记 - ⌘' / Ctrl + Shift +;:将选中的标签删除

        2.JS Format

            选中所选js代码块,快捷键CTRL+SHIFT+f

        3.Alignment

            选中代码块,快捷键CTRL+SHIFT+a/A

        4.Clipboard History

            快捷键CTRL+ALT+v/V

        5.JsMinifier

           快捷键CTRL+ALT+m或者CTRL+ALT+SHIFT+M

        6.CodeIntel

            代码自动提示。无快捷键

        7.Bracket Highlighter

            代码括号匹配,无快捷键。

        


sublime text3的下载、安装以及Package Control的安装   Sublime Text 是一个代码编辑器,也是HTML和散文先进的文本编辑器。目前最新的版本是Sublime Text3。   大一开始学网页设计的时候用的是DeamerWeaver。后来学习C#,为了方便也用vs一起写前端。自从发现sublime这么好用的编辑器,就离不开它了。话不多说,接下来介绍如何下载,安装及使用sublime text3。 1.下载安装sublime   打开下... 阅读详情

相关推荐

Sublime Text3--插件安装

一、前言       此文章的插件都是针对我的学习进行安装的(安装的不完善),我目前主要学习 C、C++、Python、,后面准备学习 H5、PHP、CSS、MySQL。 二、​安装Package Control       Sublime Text支持大量插件,如何找到并管理这些插件就成了一个问题,Package Control正是为了解决这个问题而出现的,利用它我们可以很方便

Paul_roux 2716

Sublime Text2 常用快捷键

转自:http://www.lx138.com/blog-1198-1168.html Sublime Text2 常用快捷键 热度 2已有 171 次阅读2012-7-27 15:00 |个人分类:Sublime Text 2| 快捷键, Sublime, Text Ctrl+L 选择整行(按住-继续选择下行)

hubi0952的专栏 4130

Sublime Text 2 中 Markdown 插件的安装与配置指南

Sublime Text 2 是一款广泛使用的跨平台代码编辑器,以其轻量级、快速和高度可定制性著称。它对 Markdown 的支持同样强大,让编写文档变得更加便捷。从简单的文档编辑到复杂的配置文件修改,Sublime Text 2 为 Markdown 用户提供了一个功能丰富且直观的界面。配置文件在软件应用中扮演着至关重要的角色,它允许用户根据自己的偏好和需求去调整软件的行为。在 Sublime Text 中,配置文件通常是以的格式存在,通过编辑这些文件,用户可以对编辑器的各项行为进行个性化设置。

weixin_31620365的博客 1366

sublime text3插件快捷键

下载地址:https://www.sublimetext.com/3 插件管理器 默认安装之后,perferences 里面并没有Package Settings和Package Control。则无法安装插件。 使用快捷键ctrl+`调出控制台,粘贴以下代码: import urllib.request,os; pf = 'Package Control.sublime-...

zsl_955200的博客 4416

在VSCode中使用LaTex+(grammarly语法检测,chatgpt翻译,Sumatra PDF 轻量级pdf阅读器)

整个文章分为以下几个内容,打 * 的是必须要安装的。

u011895157的博客 2万+

Windows正在配置Xftp6在下面的框输入包含安装程序包“Xftp 6.msi“的文件夹的路径

Windows正在配置Xftp6在下面的框输入包含安装程序包“Xftp 6.msi"的文件夹的路径

m0_56588258的博客 2473

sublime Text3中Emmet插件的安装和使用

Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具。基本上,大多数的文本编辑器都会允许你存储和重用一些代码块,我们称之为“片段”。虽然片段能很好地推动你的生产力,但大多数的实现都有这样一个缺点:你必须先定义你的代码片段,并且不能在运行时进行拓展。Emmet把片段这个概念提高到了一个新的层次:你可以设置CSS形式的能够动态被解析的表达式,然后根据你所输入的缩写来得

H小志 2万+

KIBANA可视化管理界面说明

更说明转自https://blog.youkuaiyun.com/IT_ZRS/article/details/125496588 1 主要结构功能 使用浏览器访问 ip:5601 默认端口,进入首页 Discover:日志管理视图 主要进行搜索和查询 Visualize:统计视图 构建可视化的图表 Dashboard:仪表视图 将构建的图表组合形成图表盘 Timelion:时间轴视图 随着时间流逝的数据 APM:性能管理视图 应用程序的性能管理系统 Canvas:大屏展示

tian830937的专栏 7086

Sublime Text 3 安装Package Control插件

Sublime Text 使用起来很灵活,受到广大的程序员追捧,安装各类插件也灵活。安装其他插件之前,必不可少的是先安装package control。方便自己下次使用,在这做一个帮助文档(怎么安装package control)! 一、Package Control插件安装 首先打开编辑器,然后找到顶部菜单的Tools菜单(也可以按快捷键 Ctrl+Shift+p),然后选择Tools菜...

Chigo 1万+

【PCL】SolidWorks 三维建模 STL, OBJ 采样生成 PCD 点云数据(附源码)

[PCL自学篇] 一.SolidWorks三维建模STL,OBJ采样生成PCD点云数据新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 这阵子做线结构光视觉检测(轨道)项目的过程中,发现之前的许多知识点在逐渐遗忘,常言好记性

idiot5lie的博客 1万+

【ESP32实战】SPI驱动ILI9341屏幕:从基础绘图到汉字显示

本文详细介绍了如何使用ESP32通过SPI驱动ILI9341屏幕,从基础连接、SPI初始化到实现基础绘图、数字显示及汉字显示的全过程。文章包含实用的代码示例和优化技巧,帮助开发者快速掌握屏幕驱动技术,提升显示性能。特别针对常见问题如花屏、刷新率等提供了解决方案。

weixin_29164091的博客 621

sublime Text3配置及快捷键、插件推荐总结

一、基础 1.重要文档: sublime Text3官方文档中文版:http://feliving.github.io/Sublime-Text-3-Documentation/ sublime Text插件下载网站:https://sublime.wbond.net/ Sublime Text install package control:https://sublime.wbond.n

小小懒羊羊 2万+

【人工智能之深度学习】12. BERT微调实战:医疗文本分类的领域自适应技巧与工业级实现

摘要:医疗文本分类是自然语言处理在医疗健康领域的核心应用,可辅助疾病诊断、病历结构化和医疗质量监控。然而,医疗文本的专业术语密集、实体关系复杂及数据长尾分布等特性,导致通用BERT模型性能受限。本文系统阐述医疗文本分类的领域自适应技术,从理论原理到工业级实现展开全流程讲解。首先分析医疗文本的独特属性及技术挑战;随后详解领域继续预训练、适配器微调、对抗训练等核心技术的数学原理;构建包含数据预处理、模型优化、隐私保护的完整实战架构;通过疾病分类、情感分析、事件检测三大案例验证技术有效性。

专注于人工智能、软件开发、工控自动化、工厂数字化及智能化等领域,希望和大家共同进步! 1008

安装Sublime Text 支持Go插件

1、安装GO 进入GO的国内网站,下载安装 https://golang.google.cn/ 2、环境变更配置 重要的是GOROOT 和 GOPATH, 一般安装在C:\GO目录下, 会自动配置GOROOT目录 , 以及在PATH上加入C:\GO\bin 3、在命令中进行测试 go env 查看环境变更 其中GOPATH会在 go install中用到,GO语言会 GOPATH...

王鑫宇的博客 2万+

【YOLO11改进 - 注意力机制】SCSA通过结合空间注意力和通道注意力,提高各种下游视觉任务的性能。

【YOLO11改进 - 注意力机制】SCSA通过结合空间注意力和通道注意力,提高各种下游视觉任务的性能。

专注于图像领域,主要研究内容包括计算机视觉和深度学习,特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。 477

Arduino、ESP32驱动TEMT6000传感器(光照传感器篇)

TEMT6000是一个三极管类型的光敏传感器,其光照强度和基极的电流成正比。用起来也相当简单,可以简单的连接该传感器的基极到模拟电压输入,通过简单的检测电压值就可以判断当前的光照强度。

不脱发的程序猿 4234

如何安装Sublime Text插件

Flask Web 应用开发项目实战 基于 Python 和统信 UOS》作为一本深入介绍Flask框架与统信UOS操作系统结合应用的书籍,为开发者提供了丰富的理论知识与实践案例。因此,《Flask Web 应用开发项目实战 基于 Python 和统信 UOS》配套计算机操作指南应运而生,旨在为读者提供一条清晰、顺畅的学习路径,确保每位读者都能顺利上手并成功运行Flask项目。确保你的Sublime Text编辑器已经安装在你的计算机上,并且处于最新版本或至少是一个支持插件安装的版本。

Flask Web 2477

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

WEB 前端开发环境的安装和SUBLIME TEXT的常用插件

PART 1.搭建WEB前端开发环境 之前一直没有正式的用通用的环境开发过前端,在慕课网看前端视频时讲师提到了开发环境如何搭建,所以这次自己在网上找的一些博客摸索着安装了一下,所以一下就是我实践的结果以及一些资源信息的整合。 1.1安装GIT git是多人合作开发,进行代码版本管理的一个工具。 下载地址:https://git-scm.com/downloads 相关博客资源:https...

cqpersonal的博客 2682

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

前端神器-sublime text3插件安装及使用

作为前端人员,要找一个很顺手的编辑器真的不容易,以前我用同事推荐的netbeans,很好用,但是它主要是用于php开发,且软件太大,运行起来比较慢,后来又用前端开发的webStrom,也不错,很好用,他的历史记录等功能比较强大,但是还是有一个缺点,就是软件有点大,运行起来有点慢。 我在我向大家推荐一款实用的前端开发神器,不但占地小,且插件很多,很强大。下面我向大家介绍一下它的安装及插件的使用方法...

web前端技巧开发 2385

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

sublime text 2中的emmet插件的安装和使用

一、添加插件之前先 下载Package Control 按 Ctrl+`(就是~这个键) 复制下面的代码 确认 重新启动sublime text2 就可以看到Preferences菜单中有Package Contrlo了; import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packa

sinat_27011897的博客 2812

MacBook Sublime Text 安装 配置 PackageControl安装 插件安装 常用快捷键

文章目录下载安装安装 Package Control依赖安装 (以 Solarized 为例)常用操作 && 快捷键 下载 https://www.sublimetext.com/ https://download.sublimetext.com/sublime_text_build_4126_mac.zip 安装 解压 下载到的是一个zip压缩包,在Finder中双击zip会自动解压,得到其中的文件。 安装 .app 软件 拖动.app安装文件到Applications目录中

wuyujin1997的博客 3758

Sublime Text 4 插件安装

sublime text4插件及4126版本注册码

门外背包客 2888

Sublime text2追踪函数插件:ctags

一、下载(择其一即可):1)http://ctags.sourceforge.net/2)http://prdownloads.sourceforge.net/ctags/解压后单独取出ctags.exe使用即可。二、安装Sublime text插件:1)确认Sublime text已安装Install Package;2)按Ctrl+shift+P,输入Install Package回车;3)弹...

XXHSU 4万+

Sublime text 设置 idea 默认风格快捷键

Mac 键对应说明 Sublime Text3 keys MAC keys super command alt option ctrl control key set [ { "keys": ["super+w"], "command": "find_under_expand" }, { "keys": ["super+d"], "command": "duplic...

a987456321z的专栏 3458

Sublime Text2 插件安装教程

Sublime Text2 插件安装教程 一.安装package control (1)代码安装 从菜单 View—>Show Console 或者 ctrl + ~ 快捷键,调出 console。 将以下 Python 代码粘贴进去并 enter 执行,不出意外即完成安装。以下提供 ST3 和 ST2 的安装代码: Sublime Text 2: import

StrvingLady的技术积累 1066

sublime text 2 使用介绍

sublime text 2可谓是一个大神器了。 先做一点介绍,给没用过的人有一个大致的印象。 sublime text 2 是什么? 它是一个编辑器,和edit plus notepad++类似,甚至你可以觉得它是一个Windows记事本,Linux的gedit。 sublime text 2有什么优势? 1、语法高亮 2、代码提示补全 3、代码折叠 4、多标签页 5、代码

梦落红尘 7412
上一篇: 使用backgroundPosition来定位背景图片
下一篇: sublime text2快捷键
GiantChan
博客等级 码龄16年 76粉丝 108原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值