发布时间:2026-02-14
浏览次数:0
部落(www..com)组织翻译, 禁止转载
Text 3(ST3)可称作是一个凭借速度、易用性以及强大的社区支持而声名远扬的轻量级跨平台代码编辑器,就其而言,它是一个具备极佳开箱即用特性的编辑器,然而其真正彰显强大的地方在于能够借助特定方式来强化各项功能以及构建自定义的配置文件。
在这段文字当中,会对怎么样借助Text 3构设出全栈式的那种开发环境予以介绍,此开发环境覆盖从前端一直到后台的范围,会借助自定义主题以及包来强化基本功能,并且会运用诸多使得ST3具备如此强大效能的命令、自身特性以及键盘快捷键。
假设当下这个教程所预想的读者运用的是Mac电脑,且读者对其所涉及的终端是熟悉了解状态的,要是你所使用的并非Mac电脑而是Linux,这时会存在许多命令是不一样有差别的,然而但你能够借助某些方式手段办法来予以解决的啊。
首先,我们来解释一下我说的“全栈式”到底是个什么意思:
于时至今日的HTML5以及移动开发的这个世界之中,其情形可以讲是到处都存在着哪,真的是“到处都存在着”哪!(译者所注:关键重要的事情说两遍哟),并且单单仅是增添上一个如同Flask这样子的框架已然是不足够的,要是想要切实地从起始到终点去开发出一个网站的话,那么你就必定得熟悉明白(以及诸多的框架呢)、REST APIs、响应式的设计以及HTML/CSS等等这些内容。正视当今的实际状况!恰似那些工匠一般那般,为了能够成为你自身所能够达成的最为出色的程序员,你的各种各样的工具务必得足够“锐利”才行。你所需要的开发环境,必然得是那种“全栈式”意义上的开发环境,而这,恰恰就是我们马上要着手去做的事情了……
特性
我们从 Text 3的一些基本特性开始…
布局分割,能使你在多个区分屏幕里对文件开展组织,这适用于那种测试驱动的开发方式,比如代码能够占用一面屏幕,测试脚本则占用另外一面屏幕sublime text 3的插件,或者也适用于前端开发情形,像是 HTML 代码会占用一面屏幕,CSS 和/或代码会占用另外一面屏幕。
2. 怀旧模式 是你可以在ST3中使用vi命令
3. 类标签 使导航和编辑多个文件更简单
自动加载前一阵会话,它会自动开启上一回关闭编辑器之际所打开的文件,我一直维持ST开启多个工程,如此即便电脑重新启动,ST3在下次开启时也会自动打开文件与文件夹。
通过创建一个用以标识常用代码段的关键字,代码片段能够有效提升生产力,此流程能够有效提高生产力。ST3里存在诸多默认代码片段,举例来说,当输入“lorem”,再按下tab键,便可获取一段假文,除此之外,在文件里输入“defs”,接着按下tab键,接着按下tab键,则能够创建一个普通函数,通过在文件里输入“defs”并按下tab键,则可能开创一个平凡功能。你能够创建自身的代码片段,具体操作是:Tools > New ,还可参考文档,并从这里下载一些我的常用代码段,将从这里下载部分我的代码片段。
自定义 Text 3
在下载ST3之后…
安装subl命令行工具
如同跟mate这个命令相类似这样,Text存有一个名为subl的命令行工具,它是准许你能够从终端去打开文件或者是包含着所有文件以及文件夹的目标目录的。
为了启用这个命令,为subl库创建一个符号链接:
$ sudo ln -s //\
文档应用程序///二进制文件目录下的崇高文本编辑器执行文件 / 系统/usr 目录下的崇高文本编辑器执行文件。
通过打开来测试一下链接是否可用:
$ subl
设若上述所提及的命令并非可用状态,那么你极有可能势必要将 /bin 增添至你的 PATH 环境变量当中:
输出“ PATH=~/bin:$PATH”,接着将其追加到“~/. ”。
然后再重复第一步
现在你可以通过下面命令来打开一个文件或目录:
# 打开当前目录
$ subl .
# 打开test目录
$ subl ~//test
# 打开test.txt文件
$ subl test.txt
如果在路径中含有空格,则整个路径必须置于双引号之中:
要查看所有命令,打开帮助文件:
$ subl --help
安装
要借助各类软件包所具备的强大功能的力量,这就需要去安装包管理工具,然而此工具必须得人工手动亲自去进行安装操作它。只要安装工作完成了结束了,你便能够运用其来针对所有剩余的其他ST3软件包展开安装或者删除或者实行升级等一系列操作。
在这里进行代码的拷贝,以此来给Text 3做安装操作,点击View项中的Show按钮,从而打开ST3的控制台,将上面所提及的代码粘贴至控制台里面,按下Enter键,随后重启ST3的控制台。
当前时候,能够采用键盘快捷键cmd+shift+P以安装软件包,加以输入直至 : 呈现,接着按下enter用以搜索可被使用的软件包。
3. 一些相关的命令如下:
List 罗列出已安装的软件包
卸载指定软件包
升级指定软件包
/ All 升级所有已安装的软件包
可以翻阅官方文档来查看更多命令
创建自定义配置文件
为使Text变得易于迁移或同步,你能借助全部皆为JSON格式的配置文件来实施设置,然后便能够把配置转移至另一个系统里。首先呀,我们得去创立本身的配置,最理想的状况是创作出一个适用于所有环境的基础文件,之后再针对不同语系去制定配置文件。
点击Text,再点击两个大于号,接着点击减号User,以此来建构一个基础文件,增添一个空的JSON对象,随后如同下面这样把你的配置加进去:
// 基本配置
"": false,
"": false,
"": 2,
"": true
每种语言定制配置时,单击Text,接着单击More,再单击User,并以.-的形式保存文件,倘若为定制的配置文件,则应保存为与.-相同样式.- ,在操作期间sublime text 3的插件,需经历单击Text,单击More,单击User这些步骤。
2. 对于你的配置文件,你能够按照自己的意愿去进行设置,然而我大力建议你先采用我的基文件以及定制好的配置,随后再依据你自身的状况去作出修改。
3. 此外,你能够运用其进行自身所有配置的同步,仅需把自己配制的文件上传上去,并然后于每一你要去配置环境的机器那儿下载这些文件便达成目的了。
4. 一些较好的配置可以参考 Text非官方文档
主题
ST3 能允许依据个人喜好去改变编辑器的整体主题,进而设计出属于自身的主题,当然咯,要是你并无什么艺术倾向,那么你能够通过从社区人员所设计的诸多主题里下载一个来使用,并且能够在安装主题之前利用其进行预览一下这个主题。
一直处于流行态势的Soda Dark主题,还有体积小巧的那个,是我个人最为钟爱的两个主题。
在主题安装结束达成后,要保证去升级你的基础配置,Text大于大于减User冒号。
"theme": " Dark.-theme",
"": "/Theme - / Dark."
软件包
除了主题之外,我使用以下软件包来加速工作流程
全新拓展了侧边栏所关联的菜单选项,全方位且整体性地加速你开展工作的流程,诸如“New File”以及特定的某选项这类属于必须具备的选项,理应成为ST3在初次使用即开箱即用配套内容的一部分,单单只是那特定的某选项就表明它是极值得去使用一番的,关于此功能仅仅是把文件简便地移到回收站,这般行径可能乍一看显得颇为平常,然而要是阁下并非借助它来实施删除文件的操作,那么后续恢复文件就会变得异常艰难,除非阁下运用版本控制系统。
现在就去下载吧!
是一个终极包;它包含了一系列的类IDE的功能,包括:
可于此处对全部功能予以查看,或者于ST3软件包配置当中进行查看,具体路径为:Text ,往后按步骤行进操作,直至到达相关位置 , ,再按照相应要求操作,最终到达目的标点符合处以便查看。
是另外一个具备相同功能的颇为流行的软件包,我提议能够对两种软件包都进行一番尝试。
支持存在模板以及关键字呈现高亮状态,并且于Text里给出具备实用价值的代码段(tab达自动补全效果),代码段这一系统能够极为有力地节省时间,你仅仅只要较为简单的敲动几个按键便能够创建某些比较常见的代码段,像模板、模型、表单以及视图这样的代码段,能够在官方文档当中去查看代码段的列表。
实现自动补全操作,达成语法高亮显示效果,构建一个相当出色的.txt文件版本管理系统。
这是一个用于ST3代码检查的框架,该软件包本就不含有任何检查规则,而是要单独借助安装像这样的形式 -。
代码检查相关的安装包,你可在此处查看官方的那种,你还可以于其中查找到不少第三方类型的代码检查包,在这边来查看安装这个的指南。
针对代码检查,我举荐运用-以及-pep8。与此同时,我还采用-,-,-,-html-tidy还有-json。
无数代码检查包要求诸多依赖包,因而于安装之前务必要认真研读安装指南。
你能够运用用户自行定义的.-文件去对每种代码检查包作出自定义:Text > > > > – User,就像:于忽略方面如同下面这般的pep8错误以及警告:
"pep8": {
"@": false,
"args": ,
"": ,
"max-line-": 100,
"": ""
},
显示小图标来标识编辑器边槽区域的这一行,判断自上次提交之后,有没有进行插入操作,有没有进行修改操作,有没有进行删除操作。
要是你打算去支持涵盖多个发行版本的那种版本控制系统,也就是像 Git 呀,还有 SVN 这一类的,那就去查阅。
若远程文件比本地文件新,打开文件下载,每次保存之时上传至远程服务器,便可同步本地工程与远程文件,这是保证本地和远程服务器同步的绝佳方式,你应确保至少配置一个远程连接,单击Text >>>> Setup。例如:
'': {
host: 'ftp..com',
: '',
: '',
path: '/www/',
: true,
tls: true
我以个人的身份,把密码设定成了null,原因在于,不想让密码在 文件里面被看见,并且,会在每一次进行保存之后,去询问密码。
用来在ST3中以快捷键的方式创建新文件夹或文件
当运用恰当的键绑定输入时,于输入框里输入路径和文件名,在按下Enter键之际,文件便会被创建,此外,如果指定的目录不存在,它也会被自动创建,默认情形下,被创建的文件路径会展示在状态栏里。
更多详尽用法,需参照之上的文档,起码要保证已于其中阅读了Tab以及章节。
将如下内容,也就是定义“cmd+n”命令为创建文件命令后的内容,加入到Key – User文件中: Text > > > > Key – User,其中这里将“cmd+n”命令规定为创建文件命令。
能够进行设置,那是默认的起始目录,Text ,然后是多个大于号,再然后又是更多大于号,随后是连字符,最后是 User。
{"": "/Users///repos"}
当我去创建新的文件之际,便会自动去加上前缀/Users///repos,缘由在于我99%的脚本都是保存于这个目录之中。
Emmet
Emmet的前身是Zen ,它借助简单的缩写去生成HTML或者CSS代码段 ,举例来说 ,要是你于 HTML文件里输入一个感叹号! ,接着按下tab键 ,那么HTML5文档类型声明以及一些基本的标签便会被插入到文件当中:
详细信息参阅官方文档以及这个方便的备忘录。
用于预览和构建文件。
打开包管理器并输入 列出所有可用的命令:
一旦被转换之后,输出文件会在之后的保存时自动更新。
键盘快捷方式
进入(“命令提示符加p”)用于快速查找并打开文件,只要输入工程里一个路径的部分内容或者文件名,你就能快速地打开那个文件,这极其适合在规模较大的工程当中打开文件。
2. 前往行(“ctrl + g ”),它能够让你跳转至当前文件那个被指定的行哦。
3.通过对“cmd+r”进行操作,能够将一个文件里的所有函数以及类都列出来,从而方便来进行查找,只要简简单单地输入你所想要的内容便行了。
4. 前往行首(通过按下命令键以及左键箭头键),和前往行尾(通过按下命令键以及右键箭头键) 跳转行首和结尾行(通过按下命令键以及右键箭头键) 跳转至行尾 跳转至行首 (通过按下组合键,即先命令键再左键箭头键),和 (通过按下 命令键以及右键箭头键)跳转至行尾。
5. line(ctrl+shift+k)删除当前行
6. Multi-Edit是目前为止我最新换的快捷键
a) 挑选一个词,摁下“cmd+d”去挑选下一个同样的词,接着摁下“cmd+d”再度挑选下一个同样的词…
b),将“cmd + click”按下,能够在你单击的任意处创建出光标。
一种名为7. Block(“+left-mouse-click”)的操作,其作用是选择一个文本块,而此操作在格式化CVS文件之际,能够被用于删除空格后的用途。
自定义命令
使用可以方便的编写自定义的命令和键盘绑定,目前我使用…
1. 将当前文件路径复制到粘贴板-连接
2. 关闭除当前之外的所有文件-连接
能够借助把文件投入到你的“/ Text 3//User”目录之中去开展安装,开启文件菜单( > >)就能够打开User目录,接着于Key – User文件里绑定快捷键以达成安装( Text > > > > Key - User)。
结束语
愿此文对你助益有份,能让你按个人喜好整合上述诸多软件包,进而创建自个配置以优化工作流程,要是你存有任一个人评论甚至建议,还请于下方评论,最终,所有我创建的资源在彼库均可寻得。
这似乎并不是一个完整的可语句改写内容,你提供的“https://.com/blog//-up--text-3-for-full-stack--/”只是一个网址呀,请完善具体想要表述的句子以便进行改写。
译者:
如有侵权请联系删除!
Copyright © 2023 江苏优软数字科技有限公司 All Rights Reserved.正版sublime text、Codejock、IntelliJ IDEA、sketch、Mestrenova、DNAstar服务提供商
13262879759
微信二维码