使sublime text3支持Vue语法高亮显示

最新推荐文章于 2022-03-17 11:03:45 发布
最新推荐文章于 2022-03-17 11:03:45 发布
阅读量692 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cristina_song/article/details/79646922
版权

1.下载文件 链接 GitHub - vuejs/vue-syntax-highlight: Sublime Text syntax highlighting for single-file Vue components（如果是压缩文件则需要解压）
2.sublime菜单栏->首选项->浏览插件,打开Packages文件夹：在Packages文件夹里面新建Vue文件夹，把步骤1下载的文件放在Vue文件夹里面
4.sublime中使用快捷键Ctrl+Shift+P,输入vue
5.重启(就是关了再开)sublime,你的vue就是彩色的了

coodingcc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解让sublime text3支持Vue语法高亮显示的示例
08-29
本篇文章主要介绍了让sublime text3支持Vue语法高亮显示的示例，非常具有实用价值，需要的朋友可以参考下
最简单的sublime text 3安装vue插件
热门推荐
开心大表哥
09-12 6万+
1.打开sublime text 3按 Ctrl+Shift+P（相信你有单身的手速，同时按完这3个键） 2.选中上图中，框出来的内容，按下enter. 3.选择上图的第二个即：vue syntax hightlight 4.重启一下，sublime。你会发现有效果了，如果没有就再按一次Ctrl+Shift+P，搜说框处输入vue，把感觉顺眼的都安装一下，就可以了。（嘻嘻） 如果第一
sublime text3开发Vue配置
哈
05-09 4752
让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文件中的scss语法无法高亮bug怎么解决
weixin_33888907的博客
11-16 573
如题，在vuejs的单文件组件中，.vue 结尾的文件里面使用scss的时候，无法高亮。因为 sublime默认是不带sass语法高亮的，安装 sublime SCSS语法高亮包即可。 方法如下： 1.下载 sublime SCSS语法高亮包 “点击下载”2.将下载下来的文件包解压。3.打开sublime安装目录下的Data → Packages目录4.将包放入...
在sublime text 3 里面，Vue的代码高亮显示
qq_34794885的博客
11-27 505
在sublime text 3 里面，Vue的代码高亮显示 1、首先在 https://github.com/vuejs/vue-syntax-highlight 这个地址下载高亮插件vue-syntax-highlight。 解开压缩包vue-syntax-highlight-master，其内所有文件备用。 2.将高领文件 vue-syntax-highlight 放到 sublime text 3。 进入sublime，选择菜单项 “首选项(Preferences)–浏览插件(Browse Pack
Sublime Text3 成对括号高亮显示
endlesscar的博客
09-17 4527
Sublime编辑器虽然好用，但是默认没有括号配对高亮，只是显示下划线，这种效果不是很明显，就算装了BracketHighLight插件也只是默认显示下划线，并没有显示高亮，网上一搜都是要调整插件配置，到不同的几个文件去复制拷贝大段的配置代码，本人觉得很麻烦，就自己摸索了一下，并不需要那么麻烦，，，这篇文章就具体讲怎么简单的实现括号匹配高亮（不用像其他文章说的要拷贝大段的配置代码） ps：我是windows系统，mac应该是同样的找到对应的配置文件就行 一、安装Package Control 先安装Pack
sublime text3支持Vue语法高亮显示插件
09-21
sublime text3支持Vue语法高亮显示插件，具体安装方法百度，不难
设置sublime text3支持Vue语法高亮显示设置插件
10-06
sublime编写vue代码没有提示和高亮显示，通过此插件可以实现提示和高亮显示，方便开发，提高开发效率。
sublime上支持vue语法高亮的插件包
03-03
如此写，不然在当次打开sublime text3中vue语法高亮虽然有效，然而下次进入时，你就会发现sublime自动清除了Installded Packages文件夹里的Vue Syntax Highlight.sublime-package，你的语法高亮会再次失效
Sublime安装插件 vue代码高亮 + scss高亮
Rudon滨海渔村的博客
03-17 2229
效果 步骤 使用快捷键Ctrl+Shift+P打开命令窗口，输入pac，点击“Package Control: Install Package” 然后等一会（大概5秒），系统弹出包管理器的界面，搜索安装“vue-syntax-highlight” vue高亮插件已安装 同样办法，搜索安装scss高亮插件“SCSS” <推荐无广告的百度绿色版首页 baidu.rudon.cn > 重启sublime，重新打开vue文件 ok ...
sublime text 3 中文版 带前端插件 js vue 等
03-31
中文版编码软件， 下载了很多插件类工具 可以用于方便开发.....
让sublime text3支持Vue语法高亮显示
小虫兄的博客
08-24 1132
1.准备语法高亮插件vue-syntax-highlight。 下载地址： https://github.com/vuejs/vue-syntax-highlight   下载页面并下载：   解开压缩包vue-syntax-highlight-master，其内所有文件备用。   2.将vue-syntax-highlight植入sbulime。 进入sublime，选择菜单项“Preferences->Browse Packages...”。   在打.
Sublime Text 3 安装vue插件
Lear的博客
09-13 2788
1.打开sublime text 3按 Ctrl+Shift+P  （或者 Tools --&gt; Command Palette ）,输入Install Package ，回车 2.输入Vue，选择下面第二个选项vue syntax hightlight  3.重启sublime ,打开发现就已经安装好了。  ...
如何让vue文件中的代码在Sublime Text 3中高亮？
Ivy0_0的博客
04-21 1万+
大家写在Sublime Text 3中编写vue文件时，会发现没有代码智能提示，清一色的黑底白字，不会像html、js一样变成彩色，给我们带来了很大的不便。所以需要安装一款叫作Vue Syntax Highlight的插件，它不仅可以使代码高亮起来，还能进行代码智能提示。那怎样安装呢？分为以下几步： 安装Package Control 执行Install Package 安装Vue Syntax Highlight
vue文件在编辑器Sublime Text3中高亮
蒲厷渶と戀的博客
06-22 1万+
编写代码时，代码在编辑器中显示高亮，一方面，在感官方面使人觉得很舒服；另一方面，还可以提高开发效率。下面简单介绍vue文件在Sublime Text3 中高亮的vue插件的安装方法：         第一步：安装Package Control         第二步：执行Install Package         第三步：安装Vue  Syntax Highlight 具体步骤如下：
Sublime Text 3 LESS、SASS、SCSS高亮插件、提示插件
忆凌波的专栏
09-25 4万+
Sublime Text 3 LESS、SASS、SCSS高亮插件、提示插件 所属分类：软件资源  发布时间：2015-02-15 15:05  浏览数：1816        LESS       https://packagecontrol.io/packages/LESS 功能：LESS高亮插件   下载   
让Sublime Text3支持Vue语法高亮显示
lihefei_coder的博客
07-01 1854
1.打开 Preferences&amp;amp;gt;Package Control 2.选择Install Package 3.在搜索框输入vue-syntax-highlight，在列表中点击安装(因我本机已安装，所以搜索列表没有显示) 4.重启sublime text3即可生效...
sublime vue3+ts项目自动检查语法类型
最新发布
09-04
Sublime Text 是一款强大的文本编辑器，可以通过安装插件来实现对不同类型项目的自动检查语法类型。对于 Vue3 + TypeScript 项目，可以通过以下步骤来实现自动检查语法类型。 首先，在 Sublime Text 中安装并启用相应的插件。可以使用 Package Control 来搜索并安装 "Vue Syntax Highlight" 插件，该插件可以为 Vue 文件提供语法高亮显示。另外，还需要安装支持 TypeScript 的插件，如 "TypeScript"。 安装完插件后，需要配置 Sublime Text 来正确识别 Vue3 + TypeScript 项目中的文件类型。在菜单栏中找到 "Preferences"（首选项），然后选择 "Syntax Specific"（语法特定）下的 "Vue" 选项。在打开的文件中，将语法设为 "Vue3 TypeScript"。 接下来就可以开始自动检查语法类型了。由于我们已经安装了 "TypeScript" 插件，所以在编辑 Vue 单文件组件时，Sublime Text 会自动检查 TypeScript 代码中的语法错误和类型错误。它会根据你的代码实时显示错误和警告。 除了自动检查语法类型外，Sublime Text 还提供了一些其他的辅助功能，如代码自动补全、代码片段等。这些功能可以极大地提高开发效率。 总而言之，通过在 Sublime Text 中安装适当的插件并正确配置文件类型，可以实现对 Vue3 + TypeScript 项目的自动检查语法类型。这将帮助开发人员在代码编辑过程中发现并解决潜在的错误，提高代码质量和开发效率。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值