sublime前端开发工具常用技巧

ctrl+N//新建文件夹
ctrl+shift+p//打开命令行
!,ctrl+E//快速生成html模板
ctrl+E//自动补齐
ctrl+P(#@)//goto 任何地方,其中#查找元素,@查找样式
ctrl+enter//对齐回车
ctrl+[     ctrl+]//前者伸展,后者缩进
ctrl+shift+v//自动适应格式的粘贴
产生多行游标的方法:
1,选定目标,ctrl+d(选定下一个) ctrl+k(跳过某一项)
2,选定目标,alt+F3
3,选定目标,ctrl +a ctrl+shift+L
4,选定目标,鼠标拖拽,选定目标,鼠标右键下拉   
//下面左面是需要安装的插件包,中间是快捷键调用,右边是插件包的解释
Callback       alt+c  //nodeJs校验回调func函数生成工具
advanceNewfile    ctrl+alt+N//(更好的建立文件,可指定创建那个文件夹中的文件)
httprequest     alt+ctrl+R //服务器测试(get和post请求)
nettuts+fetch   //快捷的下载我们需要更新的类库
SideBarEnhancements    //插件用于打开文件在浏览器中
docblockr    //添加注释
sublimeLinter //添加校验规则

时间: 2024-10-11 07:40:38

sublime前端开发工具常用技巧的相关文章

sublime+emmet前端开发工具

Sublime简直神一样的存在! 逗的了python,耍的了json,玩得起HTML,撩的了CSS.反正目前能用到几种代码的都能用它编辑. 上手容易,界面清晰,简洁方便,可扩展性强.eclipse,dw什么的启动起来实在慢.而且黑色背景很炫酷.还有各种惊喜随时等你去发现. 恩,说正事,今天开始接触D3.js,本来打算安装myeclipse+tomcat的(用不习惯DW这种半自动的前端开发工具,没开发过很复杂的网站,所以都是前端后台都在eclipse上做,虽然前端大部分都是找模板修改一下),突然意

常用前端开发工具合集

1.Firebug http://getfirebug.com/最流行的前端开发工具 2.HttpWatch http://www.httpwatch.com/集成在IE和Firefox上的监听HTTP和HTTPS的工具 3.Fiddler http://www.fiddler2.com/fiddler2/Fiddler是一个记录你电脑和网络之间所有HTTP(S)请求的网络调试代理 4.HttpFox https://addons.mozilla.org/eu/firefox/addon/664

对网站前端开发工具和浏览器的介绍

Web 前端开发工具 1.NotePad ① 占用内存小,微软自带,免安装. ② 不方便编辑代码,一次只能打开一个文件. ③ 不可扩展插件,写代码效率低. ④ 对于代码缩进不太友好. ⑤ 通常来说支持基本的纯文字编辑工作.格式不是很好控制. 2.EditPlus ① 小巧但功能强大,占用内存小. ② 颜色标记智能代码提示以及高亮显示. ③ 同时编辑多个文件 ④ 可支持各类丰富的插件. ⑤ 支持代码高亮显示,并且支持多种语言. ⑥ NotePad开源且跨平台. ⑦ 方便编辑代码.可以同时编辑多个文

Brackets - 强大免费的开源跨平台Web前端开发工具IDE (HTML/CSS/Javascript代码编辑器)

Brackets 是一个免费.开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具).该项目由 Adobe 创建和维护,根据MIT许可证发布,支持 Windows.Linux 以及 OS X 平台. Brackets 的特点是简约.优雅.快捷!它没有很多的视图或者面板,也没太多花哨的功能,它的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等.和 Sublime Text.Everedit 等通用代码编辑器

五个值得尝试的前端开发工具

在过去的几年时间里,出现了许多全新的网页应用程序,不过,由于应用程序的功能越来越丰富,也导致了前端开发的复杂度大幅增加. 现在也有不少前端开发工具,比如Backbone和EmberJS框架都能提供稳定的App开发解决方案.同时,Javascript的应用也越来越常广泛,而且它还能和Node.JS在后端协同工作,快速搭建易于扩展的网络应用.实际上,为了应对前端开发复杂度所带来的挑战,开发人员创建了许多工具来简化开发流程.从测试框架,到分析工具,前端开发工具已经非常成熟了,正是得益于这些有用的工具才

WEB前端开发工具总结

前端开发工具: web前端开发乃及其它的相关开发, 推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于,有个技术叫emmet, http://docs.emmet.io,而这两个对他的支持是: sublime text 是所有编辑器里边支持emmet比较好的的唯一一款. webstorm是所有编辑器里边唯一内置emmet的一款,并且将emmet的精神往前推动的一款. webstorm针对前端er. 他们的详细对比: http://www.36ria

一个前端开发工具

最近一直在琢磨着做一个前端开发工具,自身需求如下: 1. 开源 2. 基于Jquery和bootstrap 3. 所见即所得 4. 良好的扩展性 5. WinForm程序 昨天搭了一个框架出来,发现比我想像的工作量还要大一些. 本来我个人的人生哲学是“知难而退”,可是又想想出来混了这么多年,用了人家多少代码,是该还的时候了,尽早的事儿. 所以下定决心,准备坚持一下. 没钱就不能干点活了,什么社会啊?

便捷的前端开发工具

便捷的前端开发工具 说到工具?那是可是不得了的东西,它是人类文明进步的基石.人类,从石器时代发展到现代社会,也是工具,从石具到现代高科技的演变过程史!当然啦!我们现在互联网时代,前端开发,也是离不开工具的.使用工具是为了创造更好的工具,为了更高的效率.那作为前端爱好者或前端开发者们,你们知道哪些前端开发工具吗?享受了它们的便捷了吗?今天,我就给大家介绍几个开发者工具吧! CSS检查工具-CKStyle 之前的几篇文章给大家介绍有关CSS有关的知识点,想必有不少人已经遇到过有关CSS压缩或检查的问

前端开发工具集合

收集的一些轻量级非常实用的前端开发小工具: CSS3相关 CSS3样式生成器:http://www.css88.com/tool/css3Preview/ CSS3渐变样式生成器,类似Photoshop中的渐变界面:http://www.colorzilla.com/gradient-editor/ CSS3动画制作工具Sencha Animator:http://www.sencha.com/products/animator/ 背景色alpha透明工具:http://www.linxz.de