前端开发利器 - Sublime

最新推荐文章于 2024-11-17 22:31:08 发布
最新推荐文章于 2024-11-17 22:31:08 发布
阅读量178 收藏
点赞数
文章标签： 前端 python javascript ViewUI
原文链接：http://www.cnblogs.com/mangoniki/p/5381569.html
版权

一、Sublime 简介

　　Sublime Text 是一个代码编辑器（Sublime Text 2是收费软件，但可以无限期试用），也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。


　　Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。


二、Sublime 安装 

1、软件下载

　　官网：http://www.sublimetext.com/

　　网盘：http://pan.baidu.com/s/1o7A1hHK

 

2、安装教程

　　http://jingyan.baidu.com/article/5bbb5a1b3f781613eba17939.html

 

3、注册码（Sublime 3）

Windows

—– 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 ——

 

—– BEGIN LICENSE —–
K-20
Single User License
EA7E-940129
3A099EC1 C0B5C7C5 33EBF0CF BE82FE3B
EAC2164A 4F8EC954 4E87F1E5 7E4E85D6
C5605DE6 DAB003B4 D60CA4D0 77CB1533
3C47F579 FB3E8476 EB3AA9A7 68C43CD9
8C60B563 80FE367D 8CAD14B3 54FB7A9F
4123FFC4 D63312BA 141AF702 F6BBA254
B094B9C0 FAA4B04C 06CC9AFC FD412671
82E3AEE0 0F0FAAA7 8FA773C9 383A9E18
—— END LICENSE ——

 

—– BEGIN LICENSE —–
J2TeaM
2 User License
EA7E-940282
45CB0D8F 09100037 7D1056EB A1DDC1A2
39C102C5 DF8D0BF0 FC3B1A94 4F2892B4
0AEE61BA 65758D3B 2EED551F A3E3478C
C1C0E04E CA4E4541 1FC1A2C1 3F5FB6DB
CFDA1551 51B05B5D 2D3C8CFE FA8B4285
051750E3 22D1422A 7AE3A8A1 3B4188AC
346372DA 37AA8ABA 6EB30E41 781BC81F
B5CA66E3 A09DBD3A 3FE85BBD 69893DBD
—— END LICENSE ——

 OS X

—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36
—— END LICENSE ——

 

—– BEGIN LICENSE —–
Nicolas Hennion
Single User License
EA7E-866075
8A01AA83 1D668D24 4484AEBC 3B04512C
827B0DE5 69E9B07A A39ACCC0 F95F5410
729D5639 4C37CECB B2522FB3 8D37FDC1
72899363 BBA441AC A5F47F08 6CD3B3FE
CEFB3783 B2E1BA96 71AAF7B4 AFB61B1D
0CC513E7 52FF2333 9F726D2C CDE53B4A
810C0D4F E1F419A3 CDA0832B 8440565A
35BF00F6 4CA9F869 ED10E245 469C233E
—— END LICENSE ——

 

—– BEGIN LICENSE —–
Anthony Sansone
Single User License
EA7E-878563
28B9A648 42B99D8A F2E3E9E0 16DE076E
E218B3DC F3606379 C33C1526 E8B58964
B2CB3F63 BDF901BE D31424D2 082891B5
F7058694 55FA46D8 EFC11878 0868F093
B17CAFE7 63A78881 86B78E38 0F146238
BAE22DBB D4EC71A1 0EC2E701 C7F9C648
5CF29CA3 1CB14285 19A46991 E9A98676
14FD4777 2D8A0AB6 A444EE0D CA009B54
—— END LICENSE ——

 

—– BEGIN LICENSE —–
Alexey Plutalov
Single User License
EA7E-860776
3DC19CC1 134CDF23 504DC871 2DE5CE55
585DC8A6 253BB0D9 637C87A2 D8D0BA85
AAE574AD BA7D6DA9 2B9773F2 324C5DEF
17830A4E FBCF9D1D 182406E9 F883EA87
E585BBA1 2538C270 E2E857C2 194283CA
7234FF9E D0392F93 1D16E021 F1914917
63909E12 203C0169 3F08FFC8 86D06EA8
73DDAEF0 AC559F30 A6A67947 B60104C6
—— END LICENSE ——

 

4、Package Controll 安装

　　菜单栏→View→Show Console   或者  Ctrl + `

　　Package Control 安装地址: https://packagecontrol.io/installation

 

①.Sublime Text2

import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else 　　None;urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler()));open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'　　+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')

 

 ②.Sublime Text3

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( 　　urllib.request.build_opener( urllib.request.ProxyHandler()) );open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + 　　pf.replace(' ','%20')).read())

 

三、Sublime 快捷键

windows 快捷键MAC 快捷键功能描述
Ctrl + ACMD + A全选
Ctrl + DCMD + D选择相同的单词
 CMD + F文件内查找
 CMD + L选择一行
 CMD + R跳转到指定方法
 CMD + S保存文件
 CMD + T前往文件
Ctrl + VCMD + V黏贴
Ctrl + XCMD + X剪切当前行
Ctrl + Y 与返回下一步，与ctrl + Z相反
 CMD + Y恢复或重复
Ctrl + ZCMD + Z返回上一步
 CMD + K + B开关侧边目录栏
 CMD + K + K从当前光标删除到行尾
 CMD + K + L全部转小写
 CMD + K + U全部转大写
 CMD + K + delete从当前光标删除到行首
 CMD + /行注释
 CMD + enter在当前行后插入新行
 CMD + ALT + F文件内替换
 CMD + ALT + /块注释
 CMD + Shift + F在所有打开的文件中进行查找
 CMD + Shift + V格式化黏贴，保持缩进格式
 CMD + Shift + enter在当前行前面插入新行
 Control + G跳到指定行
 Control + M跳转到匹配括号
Ctrl + `Control + `打开控制台 
 Control + Shift + K 删除行
 Control + Shift + M选择括号内全部内容

四、常用插件

插件名称插件简介功能按键
JavaScript-API-completions

支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件，

是少数支持sublime text 3的后缀提示的插件，HTML5标签提示sublime text 3自带，

不过JQuery提示还是很有用处的，也可设置要提示的语言。

 
Colorsublime自定义主题配色 
iTg自定义主题配色 
Theme - soda

输入soda, 找到Theme-Soda,找到后回车安装
安装成功后在preferences中选择Setting-User更改主题设置:
{
"theme": "Soda Light 3.sublime-theme"
}

 
Bracket Highlighter   

这是用来做括号匹配高亮的，可以在包管理器中安装。Sublime Text 2自带的括号匹配只有小小的一横线

，太不显眼了，这个可以让高亮显示在行号那里, 非常清晰

 
docblockr强大的文档注释功能, 只要在文档中输入/*然后按一下tab, 就会根据代码自动生成注释 
Emmet前段神器, 减少大量的工作量, 使用方法可以参考Emmet：HTML/CSS代码快速编写神器或者官方文档 
jsFormatJavaScript代码格式化 
sidebarenhancement

这是用来增强左边的侧边栏。左侧边栏可以在View -> Side Bar -> Show Side Bar中打开，

可以用Project -> Add Folder to Project...往侧边栏加入常用的文件夹。装完这个插件，

侧边栏的右键菜单会多一些功能，挺实用的

 
SublimeLinter语法检测工具, 可以检测到所写代码的语法错误,并高亮显示错误 
SublimeTmpl模板生成

control+alt+h html

control+alt+j javascrit

control+alt+c css

control+alt+p  php

SublimeCodeIntel

这是一款代码提示插件，支持多种编程语言

{
　　"JavaScript":{
　　　　"javascriptExtraPaths":[]
　　}
}

 

五、setting-user

{
    "color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme",
    "create_window_at_startup": false,
    "font_size": 17,
    "highlight_line": true,
    "highlight_modified_tabs": true,
    "ignored_packages":
    [
        "Vintage"
    ],
    "open_files_in_new_window": false,
    "show_encoding": true,
    "word_wrap": true,
    "wrap_width": 120,
　　 "update_check":false

}

 

转载于:https://www.cnblogs.com/mangoniki/p/5381569.html

weixin_30485379
关注
高效前端开发利器：Sublime Text 插件精选集合
gitblog_00088的博客
04-09 393
高效前端开发利器：Sublime Text 插件精选集合 去发现同类优质开源项目:https://gitcode.com/ 如果你是一名前端开发者，并且对提高开发效率有无尽的追求，那么这款由 [jfilter](https 维护的 Sublime Text 插件集合绝对值得你拥有。它整合了一系列前端开发必备工具，让你在 Sublime Text 这款强大的文本编辑器中如虎添翼。 技术分析 这个项目...
前端开发利器 - Emmet (Zen Coding)
qq_15704535的专栏
11-05 1852
​ 1、Emmet基础介绍  Emmet（原名：Zen Coding）是前端开发快速输入代码一种方式，能帮助你使用CSS语法来提高输入HTML代码的速度，免去了大家输入重新性标签的过程。 以前被称作为Zen Coding，作为文本编辑器的插件存在，可以帮助您快速编写HTML和CSS代码，从而加速Web前端开发。 早在2009年，Sergey Chikuyonok写过一篇文章，提出
前端开发工具技巧介绍—Sublime篇
Lily_xuan的博客
01-26 2233
Sublime ，一个可以提高工作效率的编辑器！
前端开发利器-SublimeText 之 插件篇
weixin_34064653的博客
07-31 87
1. Emmet 原 ZenCoding , 在新版ST中已经集...
Sublime Text 3 搭建前端开发环境
明天也要努力的博客
04-28 1613
安装插件，按下 Ctrl+Shift+P 调出命令面板，输入install 调出 Install Package 选项并回车。 回车后下方状态栏提示： 等待一会出现以下搜索栏： 在搜索栏中输入插件名：Emmet 然后回车，下载完会新建一个成功的页面。 Emmet(代码提示插件html/css）一种快速编写html/css的方法，使用方法：（tab快捷键） ...
前端开发利器--Visual Studio Code配置git和中文版
每天都记录一点点！
09-11 7230
       之前开发都是用的sublime text，配色好看而且轻量，后来公司新来几个前端都给我推荐vscode，说这个更好用，而且基于vue的技术栈开发的话，vscode也是推荐得最多的编辑器，所以就入手了！工欲善其事，必先利其器。先来搞好一波配置再撸代码就能更得心应手，对吧！ 第一步：官方下载的都是英文版，下载地址，先来个中文支持，方便以后操作吧： 1.先点击vscode左边菜单栏最后...
Day 23 - 前端开发工具 - HBuilder X
热门推荐
m0_50614038的博客
10-30 1万+
Day 23 - 前端开发工具 - HBuilder X 完成了后端开发，接下来就要将透过前端跨平台开发框架来存取后端的资源，底下介绍几种常见的跨平台应用开发框架。 Flutter Ionic React native Apache Cordova Xamarin 所谓的跨平台应用开发框架就是，开发人员可以使用一套相同的代码，一次性地编码即可在多个平台上面运行起来，如 iOS， Android，Windows， macOS 以及 Linux。它减少了开发人员开发应用的时间，并且能够快速地交付。作为用户来
[转] 前端开发利器--Brackets 的七种武器和旁门左道
weixin_34270865的博客
11-15 167
转自：http://www.jianshu.com/p/ff7798aa4548 Brackets是Adobe开发的web编辑器，是一款免费开源、多平台支持的软件，并在于GitHub上维护。Brackets支持增加插件以提供额外的功能扩展，下面的文章将介绍一些我常用的插件以及我使用期间的心路历程。 Brackets网站的介绍图片 这就是Brackets的介绍图片，可以...
拥抱 VSCode：你的前端开发利器！
longyiyiyu123的博客
09-09 1118
工欲善其事，必先利其器。VSCode 是最适合前端开发者的 IDE，前端新人必学~
前端利器-sublime text 2 2165中文破解版
03-08
前端开发利器，短小精悍，界面美观，功能强大的一款编辑器，包含很多很赞的功能，强大的插件机制，此版本为中文破解版，版本号为：2165
微信小程序使用sublime text插件开发详细教程weapp-snippet-for-sublime-text-2-3-master.zip
09-25
微信小程序是一种轻量级的应用开发框架，由腾讯公司推出，主要应用于移动端，为开发者提供便捷的前端开发环境。Sublime Text是一款广受欢迎的代码编辑器，具有强大的代码高亮、自动补全和多标签编辑等功能，是许多...
My-OtakuSite-Sublimetxt:我个人笔记本电脑上的宅男网站
05-01
这可能涵盖了前端开发，其中包括网页布局、交互设计以及可能的动态功能实现。 【标签】"JavaScript" 指出项目的核心技术是JavaScript，这是一种广泛用于网页开发的脚本语言，用于实现客户端的动态效果和交互功能。...
前端开发利器：SublimeText的使用技巧与插件推荐
"《页面制作》笔记主要介绍了前端开发中常用的开发工具——SublimeText的特点、快捷键以及一些实用功能，并提到了SublimeText的插件安装和使用。" 在前端开发领域，选择合适的开发工具至关重要，SublimeText是一款...
react 如何修改弹出的modal的标题
最新发布
datouniao1的博客
11-17 123
理解：Modal的title属性可以是一个标签。
前端文件优化
weixin_62668406的博客
11-15 647
对于一张100*100像素的图片来说，图像上有 10000 个像素点，如果每个像素的值是 RGBA 存储的话，那么也就是说每个像素有 4 个通道，每个通道 1 个字节（8 位 = 1个字 节），所以该图⽚⼤⼩⼤概为 39KB（10000 * 1 * 4 / 1024）。但是在实际项⽬中，⼀张图⽚可能并不需要使⽤那么多颜⾊去显示，我们可以通过减少每个 像素的调⾊板来相应缩⼩图⽚的⼤⼩。
springboot整合websocket实现复制目录进度推送
前人栽树，后人乘凉。
11-14 399
/ 替换为你的WebSocket地址。启动Spring Boot应用程序，然后访问前端页面并触发文件复制操作。例如，通过浏览器访问。你应该能够在前端看到实时的复制进度。创建一个控制器来触发复制操作。
React中事件绑定和Vue有什么区别？
m0_75074819的博客
11-17 219
React使用事件代理（Event Delegation）技术，将所有事件监听器绑定到document上，而不是直接绑定到具体的DOM元素上。：React将所有原生DOM事件封装成合成事件，通过统一的接口暴露给开发者。：Vue提供了丰富的事件修饰符（如.stop、.prevent等），方便开发者处理复杂的事件逻辑。如果你在类组件中使用事件处理函数，通常需要显式绑定 this，或者使用箭头函数来自动绑定。：Vue通过指令（如v-on）来绑定事件，指令内部会处理事件的监听和分发。因此，不需要额外的绑定。
ArkUI---常用组件---切换按钮 (Toggle)
m0_73992525的博客
11-15 829
ArkUI中的常用组件Toggle的三种形态：Button、Checkbox、Switch
使用Web Components构建模块化Web应用
qq_36287830的博客
11-16 676
允许开发者定义自己的 HTML 元素。Shadow DOM：提供了一种将 DOM 树与文档的其余部分隔离的方法，增强了封装性。：允许开发者定义可重复使用的 HTML 模板。（已废弃）：允许开发者导入 HTML 文档中的 Web Components。自定义元素是 Web Components 的核心部分，允许开发者创建自己的 HTML 元素。自定义元素需要注册到全局的对象中。super();
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值