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

安装

官方下载地址:http://www.sublimetext.com

Sublime Text 3 一大优势就是跨平台(Windows、Linux、OS X 都有);portable version 是便携版,免安装版的意思~

安装很方便直接下一步下一步就可以了...

中文补丁

补丁下载地址:http://pan.baidu.com/s/1bpFN7H1

1、下载的sublime text 3--汉化版.zip  文件解压,得到的Default.sublime-package 文件

2、打开sublime text 3打开菜单->preferences->Browse Packages,进入到文件管理器:

3、返回上一层到sublime text 3 文件夹,打开“Installed Packages”文件夹。

4、粘贴汉化包文件“Default.sublime-package”到“Installed Packages”文件夹下面,无需刷新即可看到汉化效果。不够汉化不是很完整。

破解

1.打开sublime text 3打开菜单->help->License信息,粘贴即可,提供2个注册码 (2016-4-13亲测可用),不行的话就去找别的。或者下载个注册机。

v3103可用

—– BEGIN LICENSE —–
Ryan Clark
Single User License
EA7E-812479
2158A7DE B690A7A3 8EC04710 006A5EEB
34E77CA3 9C82C81F 0DB6371B 79704E6F
93F36655 B031503A 03257CCC 01B20F60
D304FA8D B1B4F0AF 8A76C7BA 0FA94D55
56D46BCE 5237A341 CD837F30 4D60772D
349B1179 A996F826 90CDB73C 24D41245
FD032C30 AD5E7241 4EAA66ED 167D91FB
55896B16 EA125C81 F550AF6B A6820916
—— END LICENSE ——

v3103以下可用

----- BEGIN LICENSE -----
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
------ END LICENSE ------

安装Package Control插件

官方网站:https://packagecontrol.io/

根据提示黏贴下面的代码,就可以自动完成安装(快捷键Ctrl+`)或者View(查看)>Show Console(显示面板)

安装主题

1、Crtl+Shift+P 打开命令面板,调出packager control 安装插件

2.查找你想要安装的主题网站可以看到效果回车直接安装:https://packagecontrol.io/browse/labels/theme

3、这边就看得到你安装的主题了

4、在用户设置这边修改主题

安装snippets 提高开发效率(js,jquery快捷提示代码功能)

插件advanceNewFile--快捷新建文件/目录

1.快捷键Crtl+Alt+N(注意默认新建的文件/目录都是在编辑器的第一个项目)

插件nettus fetch--快捷下载远端最近的插件/文件

1、设置远端文件地址+名称(Crtl+Shift+P >> Fetch:Manage)

2、新建文件然后,Fetch:file 下载文件代码

插件DocBlockr--快速添加注释

插件SummitLinter--js语法错误提示警告(nodejs范畴,还在学习中)

常用的快捷操作:

插入行后(Ctrl+Enter)插入行前(Ctrl+Shift+Enter)

光标在代码中间,快速的另取一行

选择整行(Ctrl+L)选择到单词(Ctrl+D)

转到Goto(Ctrl+P)快速查找文件

1、输入当前项目中的文件名,快速搜索文件

2、输入@和关键字,查找文件中函数名

3、输入:和数字,跳转到文件中该行代码

4、输入#和关键字,查找变量名

选择到单词(Ctrl+D)+(Ctrl+K)配合选择多个单词集体修改,产生多行游标

栗子:选择1、2、4、5集体修改

ctrl+d选择,crtl+k跳过

复制整行到下一行(Crtl+Shift+D)

产生多行游标,全选选中的单词(Alt+F3)

在每行后面产生多行游标(全选>>Crtl+Shift+L>>箭头右)(Shiftl+鼠标右键-拖动)

设置文件编码格式(Crtl+Shift+P >> set syntax:)

命令模式关闭迷你地图(Crtl+Shift+p>> minimap)

Emmet插件快捷操作--生成html5头:!+Tab;html:5+Tab;!+(Crtl+E);html:5+(Crtl+E)

注意得在html编码格式下

Emmet插件快捷操作--快速生成标签并在标签内部添加内容:标签{内容}+Tab

格式化复制的代码:Crtl+shift+V

时间: 2024-08-10 02:11:55

前端开发工具(安装及常用技巧)——sublime text 3的相关文章

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 等通用代码编辑器

WEB前端开发工具总结

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

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

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

一个前端开发工具

最近一直在琢磨着做一个前端开发工具,自身需求如下: 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

Java开发工具安装步骤内容如下

Java开发工具安装步骤内容如下 安装 开发工具 STS 链接下载网址 eclipse 链接下载网址 JDK安装 jdk链接下载地址 Marven环境 marven链接下载地址 Tomcat tomcat链接下载地址 jboss下载链接地址 以上文件下载完成后,将JDK安装,安装完成后,进行配置. 找到我的电脑,右键属性,选择高级系统设置,会有一个弹出框弹出,然后选择本机用户的用户变量进行配置. 新建环境变量, JAVA_HOME,内容是安装的jkd的地址. 如图:  变量名:JAVA_HOME