重庆建站模板展示,免费建造网站,衡水做网站电话,室内设计ppt优秀方案Sublime Text#xff1a;一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件#xff0c;不仅具有华丽的界面#xff0c;还支持插件扩展机制#xff0c;用她来写代码#xff0c;绝对是一种享受。相比于难于上手的Vim#xff0c;浮肿沉重的Eclipse#xff0c;VS…Sublime Text一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件不仅具有华丽的界面还支持插件扩展机制用她来写代码绝对是一种享受。相比于难于上手的Vim浮肿沉重的EclipseVS即便体积轻巧迅速启动的Editplus、Notepad在SublimeText面前大略显失色无疑这款性感无比的编辑器是Coding和Writing最佳的选择没有之一。 Sublime Text 2和3的对比 相比于2Sublime Text 3就秒启动一项就压倒性地胜利了。因此在之后的叙述中都以Sublime Text 3为主角。并且3一直在不断的完善更新具体的差异可参看
Sublime Blog.简单的说 ST3支持在项目目录里面寻找变量提供了对标签页更好地支持更多的命令和快捷键加快了程序运行的速度更新了API使用Python3.3 强烈推荐朋友们使用3! 唯快不破不解释。 Sublime Text 3安装插件 Sublime Text的强大就是她拥有强大的课可扩展性。您可根据自己的需要安装不同的插件这使得她变的无比强大的同时又不失轻便。
插件安装方式一直接安装 安装Sublime text 3插件很方便可以直接下载安装包解压缩到Packages目录菜单-preferences-packages。 插件安装方式二使用Package Control组件安装 按Ctrl调出console注安装有QQ输入法的这个快捷键会有冲突的输入法属性设置-输入法管理-取消热键切换至QQ拼音粘贴以下代码到底部命令行并回车 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 Text 3。如果在Perferences-package settings中看到package control这一项则安装成功。按下CtrlShiftP调出命令面板输入install 调出 Install Package 选项并回车然后在列表中选中要安装的插件。 PS国内使用SublimeText3经常可能遇到无法安装可用插件问题可remove掉Package Control重新安装下如遇到连Package Control也无法安装则可以在别处拷贝一份关于Package Control的文件(Package Control.sublime-package)存放于Installed Packages目录之下即可。 Sublime Text 3插件推荐 无插件不神器根据自己的需要定制属于自己的强大插件集作为在移动端旧游之后又Web端新游的自己墙裂推荐以下这么几款插件
MarkDown Editing SublimeText不仅仅是能够查看和编辑 Markdown 文件但它会视它们为格式很糟糕的纯文本。这个插件通过适当的颜色高亮和其它功能来更好地完成这些任务。关于如何在SublimeText下高效些东西可参见文章sublime text 2(3)下的Markdown写作 抑或是前段时间写下的追寻高效工作的一路折腾㈡
SideBarFolders 打开的文件夹都太多了? 来用这个来管理文件夹世界原来也可以这么美好。 SideBarFolders Sublime Terminal 这个插件可以让你在Sublime中直接使用终端打开你的项目文件夹并支持使用快捷键。
ColorPicker 通常如果你想使用一个颜色选择器则可能打开 Photoshop 或 GIMP。而在 Sublime Text 中你可以使用内置的颜色选择器。安装完成后只要按下Ctrl / Cmd Shift C 快捷键。
SublimeREPL 这可能是对程序员很有用的插件。SublimeREPL 允许你在 Sublime Text 中运行各种语言NodeJS PythonRuby Scala 和 Haskell 等等。
Ctags插件 有童鞋抱怨Sublime Text不能支持函数的跳转比如像Eclipse那样按住Control点击该方法或者对象即可跳转到定义的地方 Alt←即可回到原处。其实Sublime Text也可以借助插件实现之当然有些情况下:Can not find defination毕竟这个也是借助正则来匹配完成的。因此这个也就要求代码很规范。这个插件相对来讲会有些麻烦具体的可以参见:Sublime Text ctags 的配置.
SublimeLinter插件 SublimeLinter 是前端编码利器——Sublime Text 的一款插件用于高亮提示用户编写的代码中存在的不规范和错误的写法支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置 SublimeLinter 进行 JS CSS 校验。 比如写例如像lua这样的弱语言脚本代码有这个可以规避掉很多不该有的低级错误吧当然这也需要你SublimeLinter安装完毕之后再安装一个SublimeLinter-lua即可。具体的使用可以参见借助 SublimeLinter 编写高质量的 JavaScript CSS 代码
SideBarEnhancements插件 SideBarEnhancements是一款很实用的右键菜单增强插件在安装该插件前在Sublime Text左侧FOLDERS栏中点击右键只有寥寥几个简单的功能安装了就相当于给其丰了大胸一般。更强大的是该插件还能让我们自定义快捷键呼出某个浏览器以预览页面这样就不用到项目目录下寻找和拖动到特定浏览器中预览了。 安装此插件后点击菜单栏的preferences-package setting-side bar-Key Building-User键入以下代码
[ { keys: [ctrlshiftc], command: copy_path },//chrome{ keys: [f2], command: side_bar_files_open_with,args: {paths: [],application: C:\\Users\\jeffj\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe,extensions:.*}}
]
这里设置按CtrlShiftC复制文件路径按F2即可在Chrome浏览器预览效果(如果需要的话也可以根据自己的需要为FirefoxSafariIEOpera等加上)当然你也可以自己定义喜欢的快捷键最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。
HTML-CSS-JS Prettify 一款集成了格式化美化html、css、js三种文件类型的插件即便html,js写在PHP文件之内。插件依赖于nodejs因此需要事先安装nodejs然后才可以正常运行。插件安装完成后快捷键ctrlshiftH完成当前文件的美化操作。插件对html、css文件的美化不是非常满意但还可以后面将说明如何修改css美化脚本。本人用起来超级爽的鉴于篇幅就不赘述可以参见这篇介绍。
CSScomb CSS属性排序: 有时候看看自己写的CSS文件会不会觉得属性很乱查找不易维护难CSScomb可以按照一定的CSS属性排序规则将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码按CtrlShiftC即可对CSS属性重新排序了代码从此简洁有序易维护如果不款选代码则插件将排序文件中所有的CSS属性。当然可以自己自定义CSS属性排序规则打开插件目录里的CSScomb.sublime-settings文件更改里面的CSS属性顺序就行了。因为这个插件使用PHP写的要使他工作需要在环境变量中添加PHP的路径具体请看github上的说明。
SublimeTmpl 快速生成文件模板 一直都很奇怪为什么sublime text 3没有新建文件模板的功能像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于可以解脱了SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板所有的文件模板都在插件目录的templates文件夹里可以自定义编辑文件模板。 SublimeTmpl默认的快捷键:
ctrlalth html
ctrlaltj javascript
ctrlaltc css
ctrlaltp php
ctrlaltr ruby
ctrlaltshiftp python
如果想要新建其他类型的文件模板的话先自定义文件模板方在templates文件夹里再分别打开Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件照着里面的格式自定义想要新建的类型这里就详细介绍了请各位自己折腾哈~
Javascript-API-Completions: 支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件是少数支持sublime text 3的后缀提示的插件HTML5标签提示sublime text3自带不过JQuery提示还是很有用处的也可设置要提示的语言。 sublime-jq-plugin SFTP快速编辑远程服务器文件 在Win下用Xftp 和 WinScp被这种需要切换点击or F5刷新的手动操作蛋疼到无语故此一遇见这SFTP顿觉这世界都美好了许多。当然Sublime下面也有些其他同步插件比如FtpSnyc但是配置起来的错误提示一点都不人性化就毫不留情的舍弃了。Sublime下有SFTP只要CtrlS即可同步本地到服务器妥妥的爽歪歪有么有如何配置请参见在 Sublime Text中使用 SFTP 插件快速编辑远程服务器文件;如欲使用FtpSync可参见Sublime使用及FtpSync远程同步大道至简因简而悦开心垒码值得折腾。
WakaTime -- 记录你的Code时间; WakaTime可以做到精确地统计到你花在某个项目上的时间;WakaTime针对不同的IDE拥有不同的插件在Sublime上安装着插件就能统计到我使用Sublime进行的所有项目的行为。可以高效管理和知晓自己code时间并且统计完善, 适合发朋友圈装逼如果你喜欢的话~ Waka的基本设计和rescuetime类似。每个人注册完将获取一个key装一个客户端把key输进去登陆是同一个道理然后它就把本地的所有行为带个key扔给服务器来统计一段时间之后给你个报表。不过Waka做的真的很精准精确到每一个文件用了多少秒每一种语言用了多少时间。 安装和使用都很简单请参见这里。另外一篇比较详细的文章时间都去哪了?用RescueTime和WakaTime来记录你的时间,对RescueTime和WakaTime有一个更为详细的叙述可以一读。
DocBlockr: 代码块注释 可以快速的对函数进行注释。保持代码规范。支持多种语言,有 JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C and Rust.
/*:回车创建一个代码块注释/**:回车在自动查找函数中的形参等等。
它会生成 JSDoc 格式的注释。如果你从没有使用过类似的工具DocBlockr 会让你觉得以前没有它是如何写代码的。帮助你创造你的代码注释通过解析功能参数变量并且自动添加基本项目如果你愿意其更为便捷不妨再结合AutoHotKey,高效注释由此开启。
sublime-text-git: Git 版本控制 可视化的操作帮助你与你的Git repo协议进行交互。它支持很多命令像init,push, pull, branch, stash,等等。使用它当然提前需要安装 Git并做好响应的配置对于这个插件不妨看下这篇文章Using Git Inside of Sublime Text to Improve Workflow相信她的伴随不会让你失望的。
advancedNewFile 快速创建文件 当我们在 Sublime Text 编辑器里我们可以通过快捷键commandn(win: ctrln),来新建一个文件然后commands(Win:ctrls)进行弹出保存框填写文件名进行保存。还是老问题麻烦我们接下来就通过安装advancedNewFile插件来提升我们在Sublime Text编辑器下的创建文件速度。
关乎其使用安装完成之后运用快捷键commandaltn(win: ctrlaltn) Sublime Text底部会弹出输入框我们只需在这个输入框里输入我们需要新建的文件名回车即可我们甚至可以带路径,譬如:src/components/perfect.vue;这就会在当前项目目录下建立该文件需要注意的是这路径前面不可加 /, 这会使得建立的路径成为用户目录而非改项目目录。默认情况下文件会存储在当前目录如果当前没有目录会存储在用户的家目录。 剩下些许其他的可以按需安装的插件比如
ConvertToUTF8 支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的插件Bracket Highlighter 用于匹配括号引号和html标签。对于很长的代码很有用。安装好之后不需要设置插件会自动生效DocBlockr 可以自动生成PHPDoc风格的注释。它支持的语言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, Cfont colorpurpleEmmet(Zen Coding)/font快速生成HTML代码段的插件强大到无与伦比:可以超快速编写HTML/CSS/JS当然这个插件还支持多种编译环境如常见的Eclipse/Aptana、Coda、Notepad、Adobe Dreamweaver、TextMate等web开发必备。jsFormat 格式化js代码懂者自懂强迫症Coder必备默认快捷键CtrlAltF。phpFormat 格式化php代码懂者自懂强迫症Coder必备CSS Compact Expand CSS属性展开收缩:写CSS的盆友喜欢将其写多行还是一行(个人喜欢将其格式化为多行)如果阅读别人的代码不符合自己的习惯可以用CSS Compact Expand这个插件将CSS格式化一下按 CtrlAlt[ 收缩CSS代码为一行显示按 CtrlAlt] 展开CSS代码为多行显示强迫症Coder必备。Autoprefixer插件这是一款CSS3私有前缀自动补全插件该插件使用CanIUse资料库当然SublimeText自然也有font colorpurpleCanIUse/font这个插件咯能精准判断哪些属性需要什么前缀与CssComb插件一样该插件也需要系统已安装Node.js环境使用方法在输入CSS3属性后冒号前按Tab键即可。YUI Compressor压缩JS和CSS文件按F7键后若压缩当前文件demo.js则压缩后的文件demo.min.js保存在该文件的同级目录需要安装java的JDK。使用方法YUI CompressorClickableURLs可点击的URL 使用小插件ClickableURLs可以让文件中的URL能够点击。Vue Syntax Highlight: Vue(*.vue)高亮插件于前端而言使用Vue框架开发是一个很酷爽的存在那么此插件也就很有必要拥有同时Jade,SASS等插件也是很有拥有的必要谁用谁知道(说到用vue, 这vue-cli就蛮有使用的必要了( Webpack, Eslint, Test等都配置完善十分贴心); 而写Js代码于稍大项目 Eslint 就很有使用必要而 sublime 在针对使用 Eslint 的*.vue文件目测还没有很好格式化插件坐等诞生)。终极王道自己编写专用的Sublime Text插件。虽然说各个方面比如移动端Web前段服务器端非Coder的Writer所需要的方便已经被集成在了不同的插件中。但譬如需要快捷打开PC端的某个模拟器便捷的进行某些校验只要你想的到的基本都可以将其在插件内以快捷键处理之。至于如何编写SublimeText插件请参看这里编写自己的Sublime Text2 插件 定制属于自己的快捷键 首先要会使用SublimeText内置的快捷键 比如 Commond Shift P 打开命令面板:例如打开Package Control安装各种插件可以可以输入Set(Snytax)来改变使用的语言环境瞬间切换等等。设置快捷键。在SublimeText里打开Preferences - Key Bindings - User我设置的快捷键 [{ keys: [ctrlf9], command: build },{ keys: [f10], command: build, args: {variant: Run} },{ keys: [ctrlshiftx], command: toggle_comment, args: { block: true } },] 具体可参见这边文章Sublime Text3 快捷键汇总及设置快捷键配置环境变量 定制属于自己的专属快捷键 比如就拿定制Sublime Text(2/3)编译lua 的快捷键来说 首先下安装lua环境(MAC) curl -s https://raw.githubusercontent.com/rudix-mac/rpm/2014.10/rudix.py | sudo python - install rudix或者curl -O https://raw.githubusercontent.com/rudix-mac/rpm/2014.10/rudix.py
sudo python rudix.py install rud 安装IEDSublimeText3;完毕后上面选择:Build System--New Build System 输入 { cmd: [/usr/local/bin/lua, $file], file_regex: ^(...*?):([0-9]*):?([0-9]*), selector: source.lua } 保存为Lua.sublime-build然后Tools-Build System上就能选择lua来编译脚本了 PS网上找到的大多数都是 cmd: [lua, $file]可能我是用rudix自动来安装lua的需要改一下路径。 新建一个xx.lua文件随便写个语句选择lua为build system按一下commandb就能跑出来了。 如下图所示 LuaShortCutSublimeText WindowS下面的定制请参看这里Sublime Text(2/3)编译lua Sublime不可不知的实用技巧: ---更新2015.05.21 15:50 ShenZhennanshan 对于这个依赖于插件的强大性感无比开源编辑器优雅的适用之就在于合理的使用需要的插件走一条快准狠的键盘一刀流。这个当然可以自己用python来写但是一般的需求基本上都已经有人完成还是不浪费时间自己造轮子了。今儿就再赘述一些使用的经验让使用她可以更加优雅。 (1) CtrlO(CommandO)可以实现头文件和源文件之间的快速切换 (2) 通过 View - Side bar 可在左侧显示当前打开的文件列表 (3) ST3虽然不像notepad可以在sidebar上显示函数列表但是可通过CtrlR查看 (3) 通过 Preference - Key binding user 可根据个人操作习惯自定义快捷键包括ST3自带的和插件的 (4) 双击可选中光标所在单词三击可选中光标所在行(等同于CtrlL(CommandL)); (5) CtrlShiftT可以打开之前关闭的tab页这点同chrome是一样的 (6)CtrlR定位函数CtrlG定位到行 (7) 单个文件批量修改纯相同的内容选中需要修改的内容AltF3(Mac下默认的是CtrlCommandG) 或者连续 CtrlD(Win) /连续 CommandDMac之后重新写即可使用Ctrl U进行回退使用Esc退出多重编辑。不纯相同却有一定规律可循的内容这个就需要借助SublimeText强大正则的支持了。可以使用CtrlH(Mac下是AltCommandF)调出 SublimeText 正则表达式是非常强大的文本查找替换工具Sublime Text中使用Alt R切换正则匹配模式的开启/关闭。Sublime Text的使用Boost里的Perl正则表达式风格。鉴于篇幅加之本身就对这个不甚熟悉这里就不再多啰嗦以下是一些可以参考的文章 开源中国正则表达式30分钟入门教程59分钟学会正则表达式MSDN正则表达式语法月光博客常用正则表达式 (8) 有时我们需要对一片区域的所有行进行同时编辑CtrlShiftL可以将当前选中区域打散然后进行同时编辑 SublimeText (9)有打散自然就有合并Ctrl J(mac下CommandJ)可以把当前选中区域合并为一行 SublimeText (10)在Ctrl P(CommandP)匹配到文件后我们可以进行后续输入以跳转到更精确的位置 符号跳转输入symbol跳转到symbol符号所在的位置# 关键字跳转输入#keyword跳转到keyword所在的位置: 行号跳转输入:12跳转到文件的第12行。 (11)Ctrl Enter(Mac~CommandEnter)在当前行下面新增一行然后跳至该行Ctrl Shift Enter在当前行上面增加一行并跳至该行。 (12)Sublime Text的查找有不同的模式Alt C切换大小写敏感Case-sensitive模式Alt W切换整字匹配Whole matching模式除此之外Sublime Text还支持在选中范围内搜索Search in selection这个功能没有对应的快捷键但可以通过以下配置项自动开启。 auto_find_in_selection: true 这样之后在选中文本的状态下范围内搜索就会自动开启配合这个功能局部重命名Local Renaming变的非常方便 SublimeText (13)Windows下Ctrl ←/→进行逐词移动相应的Ctrl Shift ←/→进行逐词选择。 SublimeText 而Mac下的Command←/→是从一端移动到另一端相应的Command Shift ←/→是从一端选择到另一端。 (14) Windows下Ctrl ↑/↓移动当前显示区域Ctrl Shift ↑/↓移动当前行。 SublimeText 而Mac下的Command ↑/↓是从当前行移动到头/尾相应的Command Shift ↑/↓是从当前行选择到头/尾 (15)使用Ctrl N在当前窗口创建一个新标签Ctrl W关闭当前标签Ctrl Shift T恢复刚刚关闭的标签。 (16)编辑代码时我们经常会开多个窗口所以分屏很重要。Windows下Alt Shift 2进行左右分屏Alt Shift 8进行上下分屏Alt Shift 5进行上下左右分屏即分为四屏。 (17)Sublime Text基本的手动格式化操作包括Ctrl [向左缩进(等同于将一块选中ShiftTab)Ctrl ]向右缩进(等同于将一块选中后Tab键)注解 Ctr[ 和 Ctr[ 针对一块连续内容使用无需选中此外Ctrl Shift V可以以当前缩进粘贴代码非常实用。 (18) CtrlShiftV(好吧尝试了下Windows下的这个目测不行看来须得安装下Clipboard-history插件粘贴板历史记录才行啊)Mac下CommandShiftV粘贴之时可以调出之前粘贴过的内容以一个轻量弹框显示以供选择哇哦才发现这个功能感觉棒棒哒 。 SublimeText (19) Sublime text 删除插件步骤“CtrlShiftP”—“Remove Package”—“找到需要删除的插件并点击即可删除”; (20) 作为强大而小巧性感且快捷的SublimeText怎么能够允许不时弹个框提醒你购买或者别的并且顶部有未注册这样破坏美感的存在呢OK输入Sublime text 3最新版破解方法中提供的注册码就妥妥的哦了。 定制属于自己的个性化主题 SublimeText 她不仅仅是作为性感无比强大可大编辑器的存在要知道在如今这么靠脸吃饭的时代她的美者这方面怎么可能不臻至完美呢Mac和Windows都默认十多种不同风格的主题想必会有您喜欢的。即便没有也没关系我们可以自己定制自己喜欢的风格主题。在线制作专属Sublime Text主题。这个网址可以轻松按照自己的意愿制作喜欢的主题。完毕之后将生成的xx.sublime.theme文件点开Preferences - Browsr Packages这个放在这个直属目录之下即可在Theme处选择这个主题了亲测没有问题。 后记作为如此便捷的她(Sublime Text3)值得分享肯定不止这些在Coding and Writing路上要继续去发现和发扬她的美未完待续... --写于2015.04.17 22:49 ShenZhennanshan Sublime锦上添花些许设置 ---更新2015.08.31 11:59 ShenZhennanshan--- Sublime Text内运行javascript(ES6) 首先安装nodejs 当然你可以使用其它诸如jsc之类的环境来运行js, 本文使用的是nodejs. 首先确保你的电脑已经安装好nodejs, 并已将其添加到环境变量中 (一般安装时自动添加或者询问是否添加) 添加build system 在sublime text中依次打开Tools - Build System - New Build System... 粘贴以下代码后保存(如Node.sublime-build), 然后把Build System设成Automatic { cmd: [node, --use-strict, --harmony, $file], selector: source.js} 附加说明 在以上的build文件中(Node.sublime-build), node是执行命令, --harmony和--use-strict是执行参数, $file是当前文件名, 所以一次build操作实际上相当于在命令行中执行了node --use-strict --harmony filename . --harmony表示启用ES Harmony features, 而这些features目前只能在strict模式下运行, 所以需要同时添加use-strict参数(详见what-is-extended-mode). 如果不想启用es6的特性,把build文件更改成以下代码保存即可. { cmd: [node, $file], selector: source.js} 具体使用 在sublime test中新建一个test.js文件, 然后输入你的测试代码, 比如: for (let i 0; i 3; i) {console.log(i:, i);
} 使用快捷键 ctrl b , 将得到以下执行结果: i: 0i: 1i: 2[Finished in 0.1s] 温馨注解: (1)文件必须是存在于磁盘中的, 而不是untitled的, 否则sublime无法找到相应的文件.(2)Nodejs安装目录需要加入path环境变量中否则CtrlB运行 会出现[WinError 2] 系统找不到指定的文件。 更换Sublime Text程序图标 不仅主题可以更换图标也可以。在Dribbble上有大量重新设计的Sublime Text精美图标。更换方法 下载一个图标有.icns格式的最好。如果没有用iConvert转换之。终端执行open /Applications/Sublime\ Text.app/Contents/Resources/ 替换Sublime Text 3.icns或Sublime Text 2.icns文件。 Sublime Sublime 拼写检查 如果你经常使用SublimeText从事英文创作那么启用拼写检查就非常有用处了。选择Preferences Settings – User菜单添加以下代码 spell_check: true,
