vue文件在编辑器Sublime Text3中高亮

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

概要：最近想要学习一下比较火的框架vue,在学习过程中发现我的编辑器sublime text" title="sublime text">sublime text3打开vue文件后没法像编辑PHP文件等那么方便，顺畅。想想肯定是要在编辑其中安装vue相关插件么，那磨刀不误砍柴工，首先让我们来安装vue插件！

一：安装 Package Control

1、简单的安装方法

     使用Ctrl + `快捷键或通过View->Show Console菜单打开命令行，粘贴如下代码:

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

　回车，如果安装成功可以在Preferences菜单下看到Package Settings 和 Package Control两个菜单。

2、手动安装

如果代码安装不成功，可以手动安装Package Control

a、点击Preferences >>Browse Package菜单。

b、进入打开的目录的上层目录，然后再进入Installed Packages/目录。

c、下载Package Control.sublime-package并复制到Installed Packages/目录。

d、重启Sublime Text。

二：执行  Install Package

1、打开Package Control，可以用快捷键Ctrl + Shift + P或者Preferences（首选项）>>Package Control打开，如果是后者打开，如下图：

2、打开后，在安装栏中输入Install Package，选择该项，回车即可，如下图：

三：安装 Vue  Syntax Highlight

1、用第二步中的方法，打开Package Control，之后在安装栏中输入Vue Syntax Highlight，然后回车即可。

2、安装后重启sublime，就可以了。

那么按上面的步骤安装重启后，我发现，我的vue文件打开还是没法高亮识别，我又走了几遍还是不行，正奇怪，突然发现2.2步中在输入框中输入vue之后会出现这个选项

明白你不告诉编辑器vue是啥，你让他怎么高亮

那接下来就是按图点击Vue Component  给编辑器配置Vue语法，然后就好了呀！

最后效果图：

以上是 vue文件在编辑器Sublime Text3中高亮 的全部内容， 来源链接： utcz.com/z/379096.html

回到顶部