如何实现Sublime Text3中vue文件高亮显示的最有效的方法

今天第一次使用Sublime Text3软件,在实现vue文件高亮显示的过程中一直报错,经过了半天时间的不停尝试终于找到了最有效的一种解决方法!错误提示如下:

刚开始尝试了很多方法都不行,只要打开install Package就报错。无论是取消掉网络配置里的ipv_6选项,还是在hosts文件中添加映射也都不能解决问题。最后上网查找发现了一个真正有效的解决办法:remove package control and then re-install it manually。(转自http://www.cnblogs.com/shiwildhorse/p/7028199.html)

解决方案:

1. Remove package control:使用快捷键(Ctrl + Shift + P)打开Package Control,然后输入“pcrp”,回车

2. Download Package Control.sublime-package manually and copy it into the ..\Sublime Text3\Data\Installed Packages\

  下载地址:https://packagecontrol.io/installation

3. Restart sublime

4. Try

输入Vue Syntax Component,然后回车,搞定!

如果代码扔没有实现高亮显示记得在右下角切换到Vue Component:

点击然后选择最下面的Vue Component,大功告成!

时间: 2024-12-26 07:08:30

如何实现Sublime Text3中vue文件高亮显示的最有效的方法的相关文章

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

1.准备语法高亮插件vue-syntax-highlight. 下载地址: https://github.com/vuejs/vue-syntax-highlight 下载页面并下载: 解开压缩包vue-syntax-highlight-master,其内所有文件备用. 2.将vue-syntax-highlight植入sbulime. 进入sublime,选择菜单项“Preferences->Browse Packages...”. 在打开的文件夹中创建“Vue”文件夹. 在Vue文件夹中,将

sublime text3 中 CTags: Rebuild Tags执行之乱码解决方法

最近本人从事Golang开发,在开发工具上公司人员一般选择sublime text,所以,我也选择sublime text 3作为Golang的开发工具. 今天上班时安装好了sublime text 3 及 gosublime,gogdb和ctags,但是按照网上其他人所说的手册进行安装ctags后,在执行CTags: Rebuild Tags时出现如下乱码. 乱码解决: 出现乱码的原因其实是sublime text找不到ctags.exe.所以需要配置CTags的配置文件.配置手册:subli

sublime Text3支持vue高亮,sublime Text3格式化Vue

第一:让sublime Text3支持Vue高亮 PS:我的sublime版本是3126,我不清楚其它版本的是不是这样设置,不过可以看看思路自己摸索下 1.下载可以让vue格式高亮的插件vue-syntax-highlight github链接 我下载好的插件包,为避免插件的更新,还是建议用上面的方式,从github上下载 ,插件包下载 2.把插件放到sublime中 菜单  设置 --> 浏览资源包 打开了此文件夹 在这个文件夹中新建一个文件夹,改名为Vue.下载的插件安装包解压缩后,把里面的

Sublime Text3 运行 PHP 文件

在 Zend Studio(12.5)下可以通过 Run(Ctrl + F11)把 PHP 程序的执行结果通过 Debug Output 显示在 IDE 中,这样比开启 Server,再打开浏览器执行要快捷很多.在 Sublime Text3 中,可以通过 Sublime 的 Build System 来实现此快捷操作. 一.把PHP添加至环境变量 通过 WinKey + R,输入 sysdm.cpl,打开系统属性,切换至 “高级” ,点击 “环境变量”,找到 “Path”,选择 “编辑”,点击

Python2在Sublime Text3中print中文时报错原因及解决办法

1,出现的问题及分析 在Sublime Text3中用ctrl+B运行python程序时,如果要打印输出英文时正常运行,而输出中文时则会报错,具体情况如下: Traceback (most recent call last): File "D:\PythonWorkplace\test_print_unicode.py", line 3, in <module> print u'程序' UnicodeEncodeError: 'ascii' codec can't enco

sublime text3 中cssrem安装与使用

sublime text3 中cssrem安装与使用 我们在移动端开发时,使用rem布局是一个不错的选择,及将所有元素的尺寸使用rem来设置,但是我们每次都需要先用设计稿中的值除以rem值然后才能得到最终的以rem为单位的数字,这时,cssrem插件就可以很好的解决我们遇到的问题了. (注:对于移动端布局,见我的另一篇博文<探究移动端开发>) 第一步:下载github中的cssrem,然后将名为cssrem-master文件夹移动到Preferences下的Browse Packages...

4.7 Sublime Text3 中配置 Python环境 --上之安装Sublime 3

返回总目录 目录: 1.展示效果: 2.缺优分析: 3.下载Sublime Text3 (一)展示效果: 1.能够交互式编写Python代码: 2.可以编写文件式Python代码: 3.能够自动补齐代码及智能提示: (1)导入及内建函数的提示: (2)对导入的模块,类以及函数的简单说明: (3)提示,补齐模块下的类,方法: 4.能够生成模板: 5.能够进行文件管理: (二)缺优分析 1.最大的优势是: (1)打开速度快,比起哪些大型的集成IDE快. (2)具有代码智能提示与补齐,比起自带的IDL

PHP中获取文件扩展名的N种方法

PHP中获取文件扩展名的N种方法 从网上收罗的,基本上就以下这几种方式: 第1种方法: function get_extension($file) { substr(strrchr($file, '.'), 1); } 第2种方法: function get_extension($file) { return substr($file, strrpos($file, '.')+1); } 第3种方法: function get_extension($file) { return end(expl

PHP中 获取文件扩展名的N种方法

PHP中获取文件扩展名的N种方法,有以下这几种方式:第1种方法:function get_extension($file){substr(strrchr($file, ‘.’), 1);} 第2种方法:function get_extension($file){return substr($file, strrpos($file, ‘.’)+1);} 第3种方法:function get_extension($file){return end(explode(‘.’, $file));} 第4种