你好,欢迎进入江苏优软数字科技有限公司官网!

诚信、勤奋、创新、卓越

友好定价、专业客服支持、正版软件一站式服务提供

13262879759

工作日:9:00-22:00

前端开发必备神器!史上最全的 Sublime Text 汉化、插件安装合集

发布时间:2023-10-25

浏览次数:0

sublime text 3菜单栏_sublime text 3菜单栏_sublime text 3菜单栏

sublime text 3菜单栏_sublime text 3菜单栏_sublime text 3菜单栏

文本简介

首先,在开始之前,我们先介绍一下 Text。

Text 是一个代码编辑器(Text 是一个付费软件,但你可以无限期地尝试),也是一个用于 HTML 和散文的高级文本编辑器。

Text 由程序员 Jon 于 2008 年 1 月开发sublime text 3菜单栏,最初被设计为具有丰富扩展功能的 Vim。

Text 拥有漂亮的用户界面和强大的功能,如代码缩略图、插件、代码片段等。

按键绑定、菜单和工具栏也可以定制。

Text的主要功能包括:拼写检查、书签、完整的API、Goto功能、即时项目切换、多选、多窗口等。

Text是一个跨平台编辑器,还支持Linux、Mac OS X等操作系统。

用过电脑或者做过开发的人都知道一个好的IDE可以省去多少麻烦,但是很多时候我们需要的只是一些简单的基础开发,然后就可以使用我们的Text了。

另外,还有几款开发工具也是值得推荐的。

原子()

()

()

当然,我们今天的主角也不能被排除在外。

文本()

注意,如果需要下载,请下载与您当前电脑匹配的对应版本。

sublime text 3菜单栏_sublime text 3菜单栏_sublime text 3菜单栏

前往官网下载编辑器。 直接从官方网站下载即可。 它是免费的,所以不要下载其他乱七八糟的版本。

安装

它之所以受到这么多程序员的追捧,就是因为它的灵活性。

其灵活性的主要原因是其自身的插件安装。

首先必须安装插件。

如果您还没有安装,请先安装,然后开始本地化!

安装完成后,首先打开编辑器,然后在顶部菜单中找到Tools菜单,如下图

sublime text 3菜单栏_sublime text 3菜单栏_sublime text 3菜单栏

然后选择Tools菜单下的选项,如下图

在打开的命令行方式输入框中输入pac并回车进行安装,如下图

sublime text 3菜单栏_sublime text 3菜单栏_sublime text 3菜单栏

等待一段时间后,软件会提示以下信息,证明该工具已安装,如下图

sublime text 3菜单栏_sublime text 3菜单栏_sublime text 3菜单栏

安装完成后,需要关闭软件,然后重新启动软件。

重启后,你会在菜单栏下看到两个选项 和 ,稍后会用到。

使用官方中文插件实现汉化

打开它并找到

点击后会弹出如下搜索框

找到并点击进入

sublime text 3菜单栏_sublime text 3菜单栏_sublime text 3菜单栏

稍等片刻,会弹出如下界面

sublime text 3菜单栏_sublime text 3菜单栏_sublime text 3菜单栏

搜索找到以下选项,极其汉化的插件,点击安装

sublime text 3菜单栏_sublime text 3菜单栏_sublime text 3菜单栏

当出现如下界面时,表示安装完成。

sublime text 3菜单栏_sublime text 3菜单栏_sublime text 3菜单栏

安装完成。 这是一个很好的中文界面。

sublime text 3菜单栏_sublime text 3菜单栏_sublime text 3菜单栏

您也可以直接在设置中更改语言

sublime text 3菜单栏_sublime text 3菜单栏_sublime text 3菜单栏

就这样,汉化就完成了。

自动完成提示

事实上,如果您使用英文版本,这一步会更容易。 有的同学喜欢用英文版,而英文版在公司更专业,所以我就用英文版来演示。

点击菜单栏:;选择:-用户项;

sublime text 3菜单栏_sublime text 3菜单栏_sublime text 3菜单栏

然后在大括号中输入以下两个设置,复制即可:

““: 真的,

““: 真的

sublime text 3菜单栏_sublime text 3菜单栏_sublime text 3菜单栏

设置完成后,先保存,然后关闭文本;

重启,新建一个HTML文件,会有提示。

英文界面:菜单-》-》-用户-》添加这句话,"": true,"": true-》保存-》关闭编辑器-》重新打开-》完成

中文界面:菜单栏-》偏好设置-》设置-用户-》添加这句话,"": true,"": true-》保存-》关闭编辑器-》重新打开-》完成

文字插件推荐

埃米特

功能:编码快捷键,前端必备

简介:Emmet作为zen的升级版本,是前端必备的插件。 如果您不熟悉,可以在其官网上观看具体的演示视频。

使用教程:

html-css-

功能:格式化Html、css、js文件

简介:代替 and

使用:快捷键:ctrl+shift+i

快捷键配置:将代码(数组中)添加到/Key – User

{"keys": ["ctrl+shift+i"],"": ""},

功能:用于对 CSS 属性进行排序的格式化(处女座必备)

简介:按一定顺序排列

使用方法:下载插件包,放入文本文件夹\\Data\\\\User目录下。

快捷键:ctrl+shift+c

功能: 方便色彩调节

简介:它可以显示您选择的颜色代码的真实颜色(如“#”,“rgb(255,255,255)”,“白色”)。 它还包括一个颜色选择器,因此您可以轻松更改颜色。

使用:快捷键:ctrl+shift+w

快捷键配置:将代码(数组中)添加到/Key – User

{ "keys": ["ctrl+shift+w"],"": "","": [{"key": "."}]},

功能:一键检测并去除代码中的多余空格

简介:你还在担心代码中多余的空格导致代码不规范吗? 还是有处女座情节?这个插件帮你找到多余空格,一键删除空格,保存时自动删除多余空格,让你的代码标准更清晰。

使用方法:安装插件重启后自动提示多余空格。 一键删除多余空格:CTRL+SHITF+T(需配置),更多配置请点击标题。

快捷键配置: /Key 添加代码(数组中) – User { “keys”: [“ctrl+shift+t”], “”: “es” },

自动保存

功能:自动保存文件

简介: 为储蓄提供便利

使用方法:默认情况下不会自动保存。 按快捷键 Ctrl+Shift+S 即可启用。

快捷键配置方法:首选项-快捷键设置,数组中添加 { "keys": ["ctrl+shift+s"], "": ""},如果要自动启用,首选项-插件-auto- save——使用粘贴配置

“d”:正确,

“”:10,

““: 真的,

“乐”:“”,

““: 错误的,

“使固定”: ””

查看

功能:通过默认浏览器打开文件

简介:方便打开浏览器查看编译效果

使用方法:快捷键配置方法:首选项-快捷键设置,在数组中添加快捷键:F12{ "keys": ["f12"], "": "" },

(下载超级慢)

作用:CSS添加私有前缀

简介:CSS尚未标准化,所以需要给各大浏览器赋予前缀来解决兼容性问题。

使用方法:快捷键配置方法:首选项-快捷键设置,添加 { "keys": ["ctrl+shift+enter"], "": "" },

快捷键:ctrl+shift+回车

CSS

功能:关联CSS文件,智能提示CSS文件中的类名,非常好用

功能:支持原生语法提示,妈妈再也不用担心我打字了。 (ID)

功能:jQ功能提示

简介:快速输入jQ函数,偷懒的好方法

功能:快速输入文件名

简介:自动完成文件名的输入sublime text 3菜单栏,例如图片选择

使用:输入“/”即可查看与该项目文件夹相关的其他文件

功能:代码检查

简介:支持CSS、HTML、Java、PHP、Ruby等十多种开发语言。

使用方法:需要配置相应语言的环境。 要检查代码,您需要安装node.js。 要查看PHP代码,需要安装PHP并配置环境。

功能:扩展侧边栏菜单的功能

简介:包括在当前项目文件夹中创建新文件、移动文件或文件夹、复制文件或文件夹、在新窗口或浏览器中打开、刷新等。

功能:代码匹配

简介:可以匹配[]、()、{}、“”、”,并突出显示标记,方便查看开始和结束标记。

功能:主题

简介:如果你喜欢Soda Dark,我推荐你使用

使用:首选项->配色方案->用户->

全文快捷键配置

[ { "keys": ["ctrl+shift+t"], "": "es" }, { "keys": ["ctrl+shift+s"], "": "" }, { "keys" : ["f12"], "": "" }, { "keys": ["ctrl+shift+enter"], "": "" }, { "keys": ["ctrl+shift+i"] ,"": ""},{ "keys": ["ctrl+shift+w"],"": "","": [{"key": "."}]},]

sublime text 3菜单栏_sublime text 3菜单栏_sublime text 3菜单栏

给它点个赞吧!

如有侵权请联系删除!

13262879759

微信二维码