前端开发利器 Sublime Text 3 使用技巧和总结笔记

这篇文章是本人在使用该工具进行前端开发的自我总结,思路也许不是很清楚,不过还是希望对读者的你有所帮助,千万别把这边文章收藏起来发霉哦,无论背多少次快捷键,还不及自己多实际操作几次. 目前官方版正式版 Sublime Text 2 Build 2221,而 Sublime Text 3 为测试阶段,建议下载正式版注册机SublimeTextKeygen下载打开注册机,先点中间 “Patch key” 打开 “sublime_text.exe” 文件确认,再随意修改下 “Name” 然后 “G…

前端开发神器sublime Text

实用的sublime插件集合 – sublime必备插件前言入前端领域开始,就学着使用sublime,一直用起来很顺手,速度是我最欣赏的,快的没有编辑器可以匹敌.还是废话不多扯,入正题.好多有多少,用了就知道了. 插件介绍 Package Control 功能:安装包管理简介:sublime插件控制台,提供添加.删除.禁用.查找插件等功能使用:https://sublime.wbond.net/installation 安装方法: CTRL+` ,出现控制台粘贴以下代码至控制台 ST2…

Web前端开发：Sublime Text 常用插件

在安装这些插件之前,确保你已经安装了Package Control. 安装Package Control方法: 通过菜单栏View->Show Console 或者快捷键Ctrl+` 打开控制台.复制以下代码按Enter即可 Sublime Text 3版本: import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf…

学习web前端之神器sublime text 3

第一次在博客园写博客,以前都是看别人写的技术在自己慢慢的学习.现在想自己把每天学习的东西理解并记录下来,加深下印象以后可以做个回顾.不知道自己能否坚持每周至少写2篇博文. 古话说的好:工欲善其事,必先利其器.所以我们要找到一个神器来帮助我们更好的学习前端开发,要么记事本怎么样?不错是不错估计要写到猴年马月了. 百度一搜,web前端开发利器有很多,比如:EditPlus,Dreamweaver,HBuilder,Webstorm,Aptana Studio,Sublime text,这么多最后我还…

前端开发利器—FIDDLER 转

http://www.cnblogs.com/yuzhongwusan/archive/2012/07/20/2601306.html 前端开发利器—FIDDLER 1.Fiddler相对其他调试工具的优势 HttpWatch 和 Firebug绝大多数前端开发人员都比较熟悉,但是HttpWatch虽然可以抓到每个 HTTP 请求的全部数据,但无法修改返回的数据:尽管Firebug可以修改 HTML和CSS,但是在调试CGI接口时无法干预HTTP请求的参数值和CGI返回的数据.而 Fiddler…

前端开发工具（安装及常用技巧）——sublime text 3

安装官方下载地址:http://www.sublimetext.com Sublime Text 3 一大优势就是跨平台(Windows.Linux.OS X 都有):portable version 是便携版,免安装版的意思~…

前端开发利器webStorm

这里推荐一个前端开发工具webStorm.用了大概快半年了,发现所有其他工具无出其右的.目前最新版本已经到4.0.2,半年前还是2.X 相比aptana.dreamweaver.sublime和vim等我曾用过的,高端开发工具还是用这个顺手.智能. 1.切身感受到的好处: 1)灵活的默认快捷键.起初他的默认快捷键和常用的不太一样,感觉不适应(当然在setting->keymap中可以切换你常用编辑器的快捷键,如eclipse.vim.Mac OS等),但是用惯了发现设计的合理性,如撤销和前进,常…

前端开发利器 Emmet 介绍与基础语法教程

在前端开发的过程中,编写 HTML.CSS 代码始终占据了很大的工作比例.特别是手动编写 HTML 代码,效率特别低下,因为需要敲打各种“尖括号”.闭合标签等.而现在 Emmet 就是为了提高代码编写的效率而诞生的,它提供了一种非常简练的语法规则,然后立刻生成对应的 HTML 结构或者 CSS 代码,同时还有多种实用的功能帮助进行前端开发. 你可能听说过一款强大的功能相似的工具:Zen Coding,那个比较老了,而现在的 Emmet 则是 Zen Coding 的升级版,由 Zen Codin…

前端开发利器 livereload -- 从此告别浏览器F5键

各位从事前端开发的童鞋们,大家每天coding && coding,然后F5 && F5,今天推荐一个静态文件在浏览器中自动更新的扩展 livereload,不同手动刷新也能实时预览新代码构建的页面. 软件准备:1.新版的sublime text(sublime text 2 无法下载livereload插件) 下载地址 https://www.sublimetext.com/3 新版本安装配置说明 https://www.douban.com/note/474507021…

结合cocos2d-x开发配置sublime text

开发cocos2d-x前端的非核心开发人员对于编辑器的选择,多数的选择有两个,一个是传统的ultraedit,另外的就是现在很流行的sublime text.以前我是比较喜欢用ultraedit的,但是现在用了一段时间的sublime text,也渐渐的喜欢它了,确实是比较方便. 对于cocos2d-x前端的开发,主要是针对lua+c++开发,我们并不期望逻辑程序员做c++部分接口开发的事情,所以只是对于用封装好的c++接口,使用lua去做业务逻辑部分开发,sublime需要配置一些基础的功能,…

Sublime Text的使用技巧

来到腾讯之后,基本上整个团队都在使用Sublime Text这款编辑神器.虽说自己以前在写python的时候略有接触过,但只是把它当做简单的文本编辑器.来到这边后,才逐渐的体会到这款神作的牛逼之处. 下面关于其使用技巧,略作介绍,以备记录. 关于插件每一款神器的诞生,总是离不开形形色色的插件,对于sublime同样如此. 直接安装安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages). 使用Packa…

[转] 前端开发利器--Brackets 的七种武器和旁门左道

转自:http://www.jianshu.com/p/ff7798aa4548 Brackets是Adobe开发的web编辑器,是一款免费开源.多平台支持的软件,并在于GitHub上维护.Brackets支持增加插件以提供额外的功能扩展,下面的文章将介绍一些我常用的插件以及我使用期间的心路历程. Brackets网站的介绍图片这就是Brackets的介绍图片,可以看出,他们对“快速编辑”这一功能是非常推荐的.快速编辑就是当你的鼠标点到某元素的ID或者Class时,Ctrl+E 迅速为您查找该…

前端开发神器Sublime Text2/3之安装使用（windows7/Mac）

一,到官方网站下载神器地址:http://www.sublimetext.com/3 Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项:no_bold不显示粗体字,no_italic不显示斜体字,no_antialias和no_ant…

Sublime Text实用小技巧

1.输入"!"或"html:5",然后按Tab键: html:5 或!:用于HTML5文档类型 html:xt:用于XHTML过渡文档类型 html:4s:用于HTML4严格文档类型 2.轻松添加类.id.文本和属性 p#foo 补充IDp.foo 补充类h1{foo} 和 a[href=#] 为h1和a标签 3.嵌套 >:子元素符号,表示嵌套的元素 +:同级标签符号 ^:可以使该符号前的标签提升一行效果如下图所示: 嵌套写法 4.分组 (.foo>h…

Nodejs开发(1.Sublime Text 3配置)

本例使用Sublime Text 3开发原因: 1. 有开发提示: 2. 非常easy的调试运行: 下载Sublime Text 3,官网地址:http://www.sublimetext.com/3 下载NodeJs插件,地址:https://github.com/tanepiper/SublimeText-Nodejs 把下载下来的插件解压并重命名为Nodejs,复制到下面目录: C:\Users\Neal\AppData\Roaming\Sublime Text 3\Packages 这…

前端开发利器-Brackets IDE

是什么? http://brackets.io/ A modern, open source text editor that understands web design. 现代, 开源的文本编辑器, 最懂得web设计. With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. 专注可视化工具…

Sublime Text 插件 & 使用技巧

20 个强大的 Sublime Text 插件http://blog.jobbole.com/58725/ 12个不可不知的Sublime Text应用技巧和诀窍http://segmentfault.com/a/1190000000505218 Sublime 使用ctags 可以跳转到定义处: http://www.360doc.com/content/14/0416/13/13084517_369443583.shtml 如果 Sublime 還是吃不到 homebrew 的 ctags,…

[笔记]--Sublime Text 2使用技巧

Sublime个人喜好设置: 在打开个人设置页面Preferences >> Settings - User,加入以下内容: { , //TAB键,4个空格 "translate_tabs_to_spaces": true, //输入TAB键时,转换成空格 "ignored_packages": [], //打开Vi模式,默认是把Vi模块忽略了 "highlight_line": true, //光标处高亮 , //字体大小 &quo…

sublime text 使用小技巧

sublime下载各个版本官网插件官方网站地址 https://packagecontrol.io/ 一.安装设置字体及字体大小 1.点菜单“Preferences--->Setting - User”,打开“Preferences.sublime-settings”. 2.如下图添加所需代码,根据自己的喜好进行设置.设置字体用"font_face":"字体名称",设置字体大小用"font_size":"字体大小",…

前端必备工具-Sublime Text 2

一个好的编辑器,能够大大地提高工作效率,editplus.notepad++都是不错的工具,体积小,启动速度快,想比之下Dreamweaver就太臃肿了,今天初使用Sublime Text 这个软件,很多快捷键都跟Dreamweaver差不多,如ctrl+g可以跳到任意一行~ctrl+f是搜索关键字. 以下是网上和自己实际使用过程中所收集而来的快捷键: Ctrl+D 选词 (反复按快捷键,即可继续向下同时选中下一个相同的文本进行同时编辑)Ctrl+G 跳转到相应的行Ctrl+J 合并行(已选择需…

微信公众号开发C#系列-12、微信前端开发利器：WeUI

1.前言通过前面系列文章的学习与讲解,相信大家已经对微信的开发有了一个全新的认识.后端基本能够基于盛派的第三方sdk搞定大部分事宜,剩下的就是前端了.关于手机端的浏览器的兼容性问题相信一直是开发者们的一块心病,对于微信开发前端组件这一块总是找不到合适的移动端组件,什么都要自己去实现,这个开发成本就大了去了.于是乎博主打算另辟蹊径,找找基于微信开发的移动端UI组件,最后找到了微信官方开发的一套前端组件:WeUI. 2.WeUI基本介绍 2.1 WeUI概述 WeUI.微信公众号开发的瑞士军刀.W…

sublime text 3 入门技巧与常见问题解决

1. 常见问题 - 解决sublime 窗口栏(UNREGISTERED)(未购买)导致的经常性弹窗解决方法: 点击Help -> About Sublime Text,查看sublimetext版本我的是最新版的3143 ----from 2017/09/17 找到版本号之后,搜索其对应的注册码打开Help –> Enter Licence,然后根据输入注册码保存即可. ★当然,小皮咖我还是希望大家使用正版 - 发现tab键默认缩进为4空格,eslintrc不断报错菜单栏里点击 Pr…

quick-cocos2d-x开发工具sublime text及其强力插件QuickXDev

更新:如今QuickXDev已经能够通过Package Control下载了,全部QuickXDev相关的请看这里:http://my.oschina.net/lonewolf/blog?catalog=412647 sublime text是一个小巧,强大.界面美丽的代码编辑器,眼下正式版本号为2,开发版为3.下载地址:http://www.sublimetext.com/.sublime text的非常多功能都是依赖于其强大的插件系统.sublime text支持lua语言,但大部分功能都没…

Sublime text插件使用技巧

1.CSScomb 一个css代码格式化插件,在css文件中或选中css代码,使用快捷键: [ctrl+shift+c],即可实现代码的对齐等格式的优化. mac下修改快捷键: Preferences - package settings - CSScomb - keybings-default 修改为(将ctrl改为Command即可,注意大写) [ { "keys": ["Command+shift+c"], "command": &qu…

Sublime Text 3使用技巧

工欲善其事必先利其器,用了很多编辑器,pycharm.Eclipse.notepad++.ultra edit等等,要么是太卡,要么是太简陋论性感,论轻便,论功能,我选Sublime Text 参考:如何优雅地使用Sublime Text3 sublime text3有很多傻逼的插件,比如side bar的那个,说是智能自动隐藏sidebar,其实他妈的就是个鸡肋,害我搞了好久,以为是配置文件的错误,最后把它卸了立马就好了,真是自作聪明的傻逼. 官网的版本对win7的支持非常差,建议直接从百度…

前端开发利器VSCode

最近找到一款非常好用的开发利器,VSCode.一直认为微软做的东西都很一般,这个软件让我刮目相看了. 之前使用webstorm卡的不行,换了这个非常好用. 用着还不错,这里记录下一些使用的心得. VS Code的官网: https://code.visualstudio.com/ VS Code的官方基础教程: https://code.visualstudio.com/docs 常用快捷键 Ctrl + /:快速注释或取消注释: Ctrl + o:打开当前文件所在目录: Ctrl + p:打开…