如何优雅地使用崇高的文本

升华文本2和3

与2相比,崇高文字3秒内启动一个物品,并取得压倒性胜利。因此,在下面的叙述中,崇高文本3是主角。而3也一直在不断的完善和更新,具体的差异可以在Sublime Blog中找到。简单来说:

ST3支持在项目目录中查找变量。

为选项卡提供更好的支持(更多命令和快捷键)

加速程序的运行。

更新了API以使用Python3.3。

强烈建议朋友们用3!唯快不破不解释。

高雅的使用崇高的文字,插件不可或缺;插件的备份很重要(比如所有平台的同步;更换系统/电脑,快速使用已安装的插件)。也很简单,放包就行了(preferences >;浏览包),同步云端即可;至于存放在哪里,云盘和Github都是不可或缺的;比如之前有一个副本存储在sublime_Packages里面,所以如果有必要的话,只要把原来包下面的内容拆下来替换就可以了。

Sublime Text 3安装插件Sublime Text功能强大,因为它具有很强的类扩展性。可以根据自己的需求安装不同的插件;这让她同时变得无比强大和轻盈。

插件安装方式1:直接安装:

安装Sublime text 3插件很方便。你可以直接下载安装包并解压到包目录下(菜单->;首选项-& gt;包装).

插件安装方法2:使用包控制组件安装:

按Ctrl+`调出控制台(注意:这个快捷键跟QQ输入法会冲突,输入法属性设置-输入法管理-取消热键切换到QQ拼音),把下面的代码粘贴到最下面的命令行,回车:

导入urllib.request,OS;pf = ' Package control . sublime-Package ';IPP = sublime . installed _ packages _ path();URL lib . request . install _ opener(URL lib . request . build _ opener(URL lib . request . proxy handler()));open(os.path.join(ipp,pf),' wb ')。write(URL lib . request . urlopen(' mand ":" copy _ path " },

//铬合金

{ "keys": ["f2"]," command ":" side _ bar _ files _ open _ with ",

" args": {

"路径":[],

"应用":" C:\ \ Users \ \ jeffj \ \ AppData \ \ Local \ \ Google \ \ Chrome \ \ Application \ \ Chrome . exe ",

“扩展”:*"

}

}

]

这里按Ctrl+Shift+C复制文件路径,按F2在Chrome浏览器中预览效果(如果需要,也可以为Firefox、Safari、IE、Opera等添加。根据自己的需求)。当然也可以定义自己喜欢的快捷键。最后,根据您计算机中的文件路径,注意代码中的浏览器路径。

美化

一个集成了html、css、js的格式化(美化)的插件,即使HTML、JS是用PHP文件写的。插件依赖于nodejs,需要提前安装nodejs才能正常运行。插件安装完成后,快捷键ctrl+shift+H完成当前文件的美化操作。插件对html和css文件的美化不是很满意,但是还可以。稍后,我们将解释如何修改css美化脚本。我用起来超级爽,因为篇幅原因就不赘述了。请参考这个介绍。

CSScomb CSS属性排序:

有时候看自己的CSS文件,是不是觉得属性很乱,不好找,不好维护?CSScomb可以按照一定的CSS属性排序规则对混乱的CSS属性进行重新排序。选择要排序的CSS代码,按Ctrl+Shift+C对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默认快捷键:

ctrl+alt+h html

ctrl+alt+j javascript

ctrl+alt+c css

ctrl+alt+p php

快捷键为

ctrl+alt+shift+p python

如果想创建其他类型的文件模板,先在templates文件夹中自定义文件模板,然后打开default (Windows)、sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件,根据里面的格式自定义想要创建的类型,这里详细介绍。请自己做。

JavaScript-API-完成:

支持Javascript、JQuery、Twitter Bootstrap框架和HTML5标签属性提示的插件是为数不多的支持sublime text 3后缀提示的插件。HTML5标签提示sublime text3自带,但是JQuery提示还是很有用的,还可以设置语言进行提示。

崇高-jq-插件

SFTP:快速编辑远程服务器文件

在Win中使用Xftp和WinScp,对于这种需要切换点击或者F5刷新的手动操作,我很无语。所以,当我遇到这个SFTP的时候,我突然觉得这个世界好了很多。当然Sublime下还有一些其他的同步插件,比如FtpSnyc,但是配置的错误提示一点都不人性化,所以被无情的抛弃了。Sublime下有SFTP,只要Ctrl+S就能把本地同步到服务器。是不是妥妥的,很酷?如何配置,请参考使用SFTP插件在Sublime Text中快速编辑远程服务器文件;如果要使用FtpSync,请参考Sublime用法和FtpSync远程同步;大道至简,因简单而欢乐;开心基码,值得折腾。

WakaTime -记录你的代码时间;

WakaTime可以精确统计你花在一个项目上的时间;WakaTime针对不同的IDE有不同的插件,当插件安装在Sublime上时,我可以统计我所有使用Sublime的项目的行为。能高效管理和了解自己的代码时间;而且统计完美,适合发朋友圈装逼(如果你愿意)~

Waka的基本设计类似于rescuetime。每个人注册后都会得到一个密钥,安装一个客户端,输入密钥(登录也是一样的道理),然后它会把所有本地有密钥的行为丢给服务器进行统计,过一会给你一个报告。但是Waka真的很精确,精确到每个文件用了多少秒,每种语言用了多少时间。

安装和使用都很简单,请看这里。另一篇更详细的文章,时间都去哪了?用RescueTime和WakaTime记录你的时间,对RescueTime和WakaTime有更详细的描述,可以阅读。

DocBlockr:代码块注释

您可以快速注释该函数。保持代码规范。支持多种语言,包括JavaScript(含ES6)、PHP、ActionScript、Haxe、Coffee Script、Typescript、Java、Apex、Groovy、Objective C、c++和Rust。

/*:输入以创建代码块注释。

/* *:在自动搜索函数中输入形参,以此类推。

它生成JSDoc格式的注释。如果你从来没有用过类似的工具,DocBlockr会让你感受到以前没有它怎么写代码。通过解析函数、参数、变量,自动添加基本项,帮助您创建您的代码注释;如果你想让它更方便,不妨结合AutoHotKey和高效注释来打开它。

Sublime-text-git: Git版本控制

可视化操作:帮助您与您的Git repo协议进行交互。它支持许多命令,如init、push、pull、branch、stash等等。当然,你需要提前安装Git,配置响应;对于这个插件,请看一下这篇在Sublime Text中使用Git来改进工作流的文章。我相信她的公司不会让你失望。

AdvancedNewFile:快速创建文件。

当我们在Sublime文本编辑器中时,可以使用快捷键command+n(win: ctrl+n)新建一个文件,然后command+s(Win:ctrl+s)会弹出保存框,填写文件名进行保存。老毛病,麻烦!!接下来,我们将安装advancedNewFile插件,以提高在Sublime文本编辑器下创建文件的速度。

对于它的使用,安装后使用快捷键command+alt+n(win: ctrl+alt+n)。

崇高文本底部会弹出一个输入框;我们只需要在这个输入框中输入需要创建的文件名(我们甚至可以带上路径,比如src/components/perfect . vue;这将在当前项目目录中创建文件;需要注意的是,这个路径前面不能有'/',这样会使创建的路径成为用户目录而不是项目目录)。默认情况下,文件将存储在当前目录中。如果没有当前目录,它将存储在用户的主目录中。

还有一些其他插件可以按需安装,例如:

ConvertToUTF8?支持gbk,big5,euc-kr,euc-jp,shift _ jis等的插件。

Bracketthighlighter用于匹配括号、引号和html标记。对于很长的代码很有用。安装后,不需要设置的插件会自动生效。

DocBlockr可以自动生成PHPDoc风格的注释。它支持的语言有JavaScript,PHP,ActionScript,Coffee Script,Java,Objective C,C,C++。

& ltfont color = " purple " & gtEmmet(禅编码)& lt/font & gt;快速生成HTML代码片段的插件功能无与伦比:它可以非常快速地编写HTML/CSS/JS。当然,这个插件也支持多种编译环境,比如Eclipse/Aptana、Coda、Notepad++、Adobe Dreamweaver、TextMate等。,这是web开发必备的!!!。

JsFormat格式化js代码,懂的人懂;强迫症编码者必备!默认快捷键ctrl+alt+f。

PhpFormat格式化php代码,懂的人懂;强迫症编码者必备!

CSS Compact Expand CSS属性伸缩:写CSS的笔友喜欢多行写还是单行写(个人喜欢多行格式化)?如果看别人的代码不符合自己的习惯,可以用插件CSS Compact Expand格式化CSS,按Ctrl+Alt+[收缩CSS代码一行,按Ctrl+Alt+]展开CSS代码多行;强迫症编码者必备!。

Autoprefixer插件:这是一个CSS3私有前缀自动补全插件;插件使用CanIUse数据库(当然,SublimeText自然有

YUI压缩器:压缩JS和CSS文件。按下F7后,如果当前文件(demo.js)被压缩,压缩文件(demo.min.js)会保存在这个文件的同一个目录下,需要安装java JDK。如何使用:YUI压缩机

可点击的网址:可点击的网址

ClickableURLs可用于使文件中的URL可点击。

Vue语法突出显示:Vue(*。vue)高亮插件;就前端而言,使用Vue框架开发是一个很酷的存在,所以需要有这个插件;同时Jade,SASS等插件也是必须的,谁用谁知道(说到使用vue,这个vue-cli还是挺有必要用的(Webpack,Eslint,Test等。都配置的很好,很贴心);对于稍微大一点的项目Eslint来说,编写Js代码是非常必要的,而sublime还没有很好地格式化*的插件。使用Eslint的vue文件,等待它的诞生?)。

终极王者:编写自己专用的Sublime Text插件。虽然移动端、Web前端、服务器端、非编码器写入器等各方面所需的便利性已经集成到不同的插件中。但是,比如你需要在PC端快速打开一个仿真器,方便地进行一些验证。只要你能想到的,基本都可以放到插件里,用快捷键处理。至于如何编写SublimeText插件,请看这里编写自己的Sublime Text2插件。

自定义您自己的快捷键

首先,你应该能使用SublimeText内置的快捷键:

比如Commond Shift P打开命令面板:比如打开包控制安装各种插件;可以输入Set(Snytax)改变语言环境,即时切换等等。

设置快捷键。在SublimeText中,打开首选项-& gt;键绑定-用户,我设置的快捷键:

[

{ "keys": ["ctrl+f9"]," command": "build" },

{ "keys": ["f10"]," command": "build "," args": {"variant": "Run"} },

{ "keys": ["ctrl+shift+x"]," command": "toggle_comment "," args": { "block": true } },

]