sublime Text 3中安装vue高亮插件以及解决可能出现的问题

现在vue作为前端最火的几大框架之一,相信有很多人会去使用它,sublime text 作为一款前端开发神器,也是有许多的人会去使用它,但是我们发现在默认的sublime中对于以.vue 结尾的文件不是高亮的,这就很难受了,所以今天就来和大家说一说,如何在sublime中高亮Vue,以及一些在配置过程中会出现的问题及解决方案

闪现A小兵

3314人浏览 · 2017-12-11 15:12:56

闪现A小兵 · 2017-12-11 15:12:56 发布

百度下载安装好sublime text 3 之后想要装vue的高亮插件,发现无法按照正常的程序安装,首先就是在软件页面输入

  Ctrl+Shift+p  

之后输入

  install Package 

结果发现没有按照预想的出来结果,而是一个报错的弹窗,弹窗的内容是

这就很尴尬了,为什么不按套路出牌啊,不过不用急,我们有解决方案,这是因为官方下载下来的Package Control 本来就是有点问题的,所以我们自己去下载一个

package_control-master.zip的包

将它解压缩,这个包的链接在这里点击打开链接

然后打开sublime中首选项的浏览插件

将里面的Package Control删除,然后把刚刚解压缩以后的文件夹放进去,修改文件名为Package Control 注意这里的大小写要与之前的文件夹是一样的

之后关闭软件,重新打开,在执行Ctrl+Shift+p的操作输入install 之后就会出现install Package的选项,点它,然后可以发现 sublime的左下角有这样的提示

但它在十几秒的运行以后就一点反应都没有了,这时很大的情况就是因为它下载包的路径被墙了

这时候就需要我们去修改它的配置了

我们点击首选项下面的插件设置,然后点击Package Control 中的Settings-User 将下面的代码放进去

 
  "channels": 
 
      [ 
 
          " 
  http://cst.stu.126.net/u/json/cms/channel_v3.json" 
  , 
 
          //" 
  https://packagecontrol.io/channel_v3.json" 
  ;, 
 
          //" 
  https://web.archive.org/web/20160103232808/https://packagecontrol.io/channel_v3.json" 
  ;, 
 
          //" 
  https://gist.githubusercontent.com/nick1m/660ed046a096dae0b0ab/raw/e6e9e23a0bb48b44537f61025fbc359f8d586eb4/channel_v3.json" 
  ; 
 
      ]

然后保存,如果发现出现这样的弹窗

是因为你没有用管理员权限启动软件,换成管理员启动,然后就能保存了

之后,我们继续输入Ctrl+Shift+p 输入Package Control: Add Channel 之后回车

然后在下面的输入框里面填入

 
 http://wilon.oschina.io/static/channel_v3.json 
  这个地址,回车 

等待几秒安装成功以后,重启软件.

然后继续回到sublime的主界面输入Ctrl+Shift+p 之后输入install 选择install Package 就会弹出一个输入框,在弹出的输入框中输入VUE,选择语法高亮(Vue Syntax Highlight )的那个就行了,然后观察软件底部的状态信息,之后再打开以.vue结尾的文件就能看到我们的vue文件变成高亮的了

然后就大功告成了,附上一张高亮之前的截图

然后感觉这个世界还是很美好的

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^