如何让你的.vue在sublime text 3 中变成彩色?

最新推荐文章于 2025-10-14 21:42:40 发布
转载 最新推荐文章于 2025-10-14 21:42:40 发布 · 415 阅读 · 1 ·
CC 4.0 BY-SA版权
原文链接：https://www.zhihu.com/question/52215834/answer/129495890
文章标签：

#vue #sublime text

本文介绍如何在Sublime Text中配置Vue.js语法高亮，包括下载必要的插件，将插件安装到Sublime Text的Packages目录下，以及重启编辑器使设置生效的方法。

作者：青鲤
链接：https://www.zhihu.com/question/52215834/answer/129495890
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

// 1.下载文件 链接 GitHub - vuejs/vue-syntax-highlight: Sublime Text syntax highlighting for single-file Vue components

// 2.sublime菜单栏->首选项->浏览插件,打开Packages文件夹
// 3.新建Vue文件夹,把步骤1下载的文件放里面

// 4.sublime中使用快捷键Ctrl+Shift+P,输入vue

// 5.重启(就是关了再开)sublime,你的vue就是彩色的了

独黑
关注
sublime text 3 自定义颜色
09-07
sublime text 3 自定义护眼色，及字体等颜色修改，可以自己定制修改
精选资源
FileIcons:Sublime Text的文件图标
05-12
在Sublime Text 3中为边栏的大多数文件类型添加特定的彩色图标。同时支持“默认”和“自适应”主题。 受到启发，但更简单： 不引入诸如“ Javascript（Gulpfile）”之类的“别名”语言 无需运行时代码：无需操作...
vue如何在sublime text 中变成彩色
大小都是愁的成长之路
05-18 1128
第一步：进入sublime 的data/packages目录中，新建一个文件夹vue 第二步：下载文件 链接 GitHub - vuejs/vue-syntax-highlight: Sublime Text syntax highlighting for single-file Vue components，放入vue文件夹下；也可以直接通过命令行clone 第
【如何修改sublime text默认颜色】
sinat_22331215的博客
11-24 3872
如何修改sublime text默认颜色
Sublime Text 也能显示彩色日志！一招解决 SpringBoot 日志乱码问题
最新发布
jj1245_的博客
10-14 394
在日常开发中，Spring Boot 控制台日志自带颜色，方便我们快速分辨不同级别的日志信息。但当你把日志文件用 Sublime Text 打开时，常常会看到一堆奇怪的字符，比如，日志内容变得非常难读。这其实是因为日志中包含了 ANSI 转义码，普通文本编辑器不会自动解析这些颜色码。别担心！只需一个插件，就能让 Sublime Text 像终端一样显示彩色日志，彻底告别乱码！
sublime_text修改编辑面板字体颜色
JackyCheung
09-01 2740
sublime_text修改编辑面板字体颜色
Sublime Text 最简单的更换主题和字体颜色的办法
weixin_53514496的博客
09-03 1万+
在我重新开始写前端代码的时候，我突然发现现在自己SublimeText3中的代码字体和颜色看起来怎么这么刺眼，给人一种再看几眼眼睛快要瞎了的感觉，因此我就在Github上找了几款比较好看的主题，在这里推荐给大家！
Vue语法高亮插件在Sublime Text中的安装与使用
用户通过下载该插件并进行正确配置后，可以在 Sublime Text 编辑器中直接编辑 .vue 文件，并享受 Vue 语法的彩色高亮功能。这一功能对于使用 Sublime Text 进行前端开发的用户尤其重要，因为它可以帮助开发者快速...
Sublime Text 3 最小化主题 foculor：Monokai风格与多样化配色
sublime-foculor是专为Sublime Text 3设计的一个主题包，它提供了基于Monokai风格的多种配色方案，并具备一些独特的功能和自定义选项。 1. 主题特性 - 崇高文字3的foculor主题专注于创建一种超最小的主题体验，这...
sublime-foculor:崇高文字3的foculor主题
05-19
Sublime Text 3（> 3152）的超最小主题。 提供基于Monokai的两种主要变体和三种配色方案。 foculor包括彩色文件图标以及不同的字体选项，并支持外来语言和插件，例如Vue，VCS Gutter或SublimeLinter。 主题 物语与...
sublime text 4.0 开发人员常用插件推荐
07-11
**SublimeREPL**：用于在Sublime Text中运行交互式解释器（如Python、Ruby等），但设置相对复杂。如果用户需要Python交互，也可以考虑使用新建编译系统的方法（如引用[3]所述）替代。 注意：在安装插件时可能会...
Sublime Text3修改注释内容字体颜色
weixin_53543368的博客
07-31 2595
1.首先在Sublime text3打开control package并输入“install package"安装插件"pakgageResourceViewer"。回车以后再搜Monokai.sublime-color-scheme，打开配置文件。安装以后，打开菜单栏的color Scheme，选择Monokai按回车键即可。调出对话框，输入PackageResource，,再输入 Color，从下拉菜单栏中选择。
Vue在Sublime中如何调整颜色？
李豆豆的博客
03-07 3671
1、Ctrl+shift+P调出Package Control。 2、输入install，选择install package（只要高亮行选中install package即可，回车或鼠标点可能没有效果） 3、高亮行选中之后会改变备选的内容，此时输入vue即可返回多个插件名。 4、选中vue syntax highlight回车，等待片刻安装好之后，打开文件发现颜色切换成功。
如何将Sublime Text中的代码以彩色高亮形式复制到博客或word文档里
柳婼 の blog
07-24 1万+
一、安装插件sublimehighlight1.打开https://github.com/n1k0/SublimeHighlight，点击右下方的download zip～ 2.下载后解压缩～打开 Sublime Text，点击Sublime Text -> Preferences -> Browse Packages 3.弹出Packages 窗口，将刚刚解压后的...
修改sublime textd3中的注释文字颜色
petSym的博客
10-25 1618
每次看到sublime text3中的注释颜色shi不垃圾的黄色就感觉要瞎了，在monokai主体下。 所以，参考下面的文章修改成绿色滴啦~ https://blog.csdn.net/weixin_41786466/article/details/80445400?utm_source=blogxgwz3 ...
sublime好看的字体设置
热门推荐
baynkbtg的博客
06-01 1万+
{ "color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme", "font_face": "微软雅黑", "font_options": [ "no_bold", "no_italic", "no_antialias", "gray_antialias" ], "font_size": 12,
sublime 3 背景和字体颜色修改
春天
07-04 1915
sublime文本颜色：黄色变绿色
sublime text3开发Vue配置
哈
05-09 5308
让sublime text3支持Vue语法高亮显示 准备语法高亮插件vue-syntax-highlight 下载地址：https://github.com/vuejs/vue-syntax-highlight Vue Syntax Highlight的插件，它不仅可以使代码高亮起来，还能进行代码智能提示 下载页面并下载： 解开压缩包vue-syntax-highlight-master，其内所有文件备用。 将vue-syntax-highlight植入sbulime。 进入sublime，选择菜单项“P
如何在Sublime Text中安装Vue Sublime Snippets？
10-24
在Sublime Text中安装Vue Sublime Snippets，你可以按照以下步骤操作： 1. **打开Package Control**： - 如果你还没有安装Package Control，首先需要访问https://packagecontrol.io/installation 安装它，这是一个管理Sublime Text插件的便捷工具。 2. **启用Git命令行**： - 打开终端或命令提示符（取决于你的操作系统），因为我们需要通过Git克隆Vue snippets仓库。 3. **克隆Vue Snippets仓库**： - 运行下面的命令： ``` git clone https://github.com/vuejs/vetur.git ~/.config/sublime-text-3/Packages/Vetur ``` 或者如果你使用的是其他版本的Sublime Text，替换路径中的`3`为你对应的版本号。 4. **安装Vue Support插件**： - 访问Package Control的面板（快捷键通常是 `Ctrl+Shift+P` 或 `Cmd+Shift+P`），然后输入并选择 "Install Package"，在搜索框里输入 "Vue Support" 并安装。 5. **重启Sublime Text**： - 安装完成后，关闭并重新打开Sublime Text，以便加载新安装的插件。 现在你应该可以在Vue项目中使用Vue Sublime Snippets了。你可以在编写Vue代码时使用`v-snippet`快捷键来触发预定义的代码片段。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值