在sublime 编辑器中,安装插件 Vue Syntax Hightlight,高亮识别Vue.js 的单文件组件(*.vue)

转自:http://www.cnblogs.com/cosnyang/p/6290950.html

默认情况下,Vue.js 的单文件组件(*.vue)在 sublime 编辑器中是不被识别的。若要想高亮显示,需要安装插件 Vue Syntax Hightlight。安装步骤如下:

第一,在 sublime 中打开 PackageControl 如下图,快捷键 Ctrl+Shift+P。

第二,打开 Install Package 窗口。下图中第一个,回车。

打开过程中,右下角出现状态栏。如下图

第三,打到插件,回车安装,如下图。

重新打开 *.vue 文件,高亮显示安装成功。

时间: 2024-12-10 05:50:40

在sublime 编辑器中,安装插件 Vue Syntax Hightlight,高亮识别Vue.js 的单文件组件(*.vue)的相关文章

Sublime Text中安装插件来实现px与rem间的换算

1.sublime text2中安装REM-PX插件来实现px与rem间的互换. package control组件安装. 1.1按ctrl+` 调出console 1.2粘贴以下代码到底部命令行并回车: import urllib2,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp

vuejs 单文件组件.vue 文件

vuejs 自定义了一种.vue文件,可以把html, css, js 写到一个文件中,从而实现了对一个组件的封装, 一个.vue 文件就是一个单独的组件.由于.vue文件是自定义的,浏览器不认识,所以需要对该文件进行解析. 在webpack构建中,需要安装vue-loader 对.vue文件进行解析.在 sumlime 编辑器中,我们 书写.vue 文件,可以安装vue syntax highlight 插件,增加对文件的支持. 用vue-cli 新建一个vue项目,看一下.vue文件长什么样

认识单文件组件.vue 文件

vuejs 自定义了一种.vue文件,可以把html, css, js 写到一个文件中,从而实现了对一个组件的封装, 一个.vue 文件就是一个单独的组件.由于.vue文件是自定义的,浏览器不认识,所以需要对该文件进行解析. 在webpack构建中,需要安装vue-loader 对.vue文件进行解析.在 sumlime 编辑器中,我们 书写.vue 文件,可以安装vue syntax highlight 插件,增加对文件的支持. 用vue-cli 新建一个vue项目,看一下.vue文件长什么样

Vue 2.0 的路由如何从一个单文件组件启动?

import Vue from 'vue'; import App from './app.vue'; import router from './router'; var app = new Vue({ el: '#app', router, render: h => h(App) }); import _ from 'lodash'; import Vue from 'vue' import router from 'vue-router' import App from './app.vu

Sublime编辑器 前端 必备插件

sublime编辑器前端必备插件 下面这一行是Package Control包安装,它是sublime的插件包管理器.新安装的sublime 里没有Package Control,按一下ctrl+~,然后输入下面这个. ---------------------------- import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88';

使用sublime text3手动安装插件

众所周知,由于网络问题,使用install package可能会连不上服务器,这时候就不得不手动安装插件了. 其实sublime安装插件的原理就是当你搜索一个插件并安装的时候,它回去github找到这个插件的仓库,然后把它下载下来并解压缩,放到自己的packages目录里. 明白这个原理后,我们自己就可以去github搜索并下载自己需要的插件. 下面以安装emmet插件为例: 首先访问github:https://github.com/ 然后在搜索框中输入emmet,按星最多的排序. 进入这个仓

sublime text3中emmet插件的使用

首先,想要快速编码需 要在编辑器中安装常用插件,下面是emmet插件的使用: html5文档结构的生成方式: 1).!+tab键 2).html:5 +tab键 头部head中meta字符集的生成: 1). meta:utf + tab键  生成:<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 2).meta:vp +tab键  生成 : <meta name=&

Sublime Text 3 安装插件管理 Package Control

自动安装: 1.通过快捷键 ctrl+` 或者 View > Show Console 菜单打开控制台 2.粘贴对应版本的代码后回车安装 适用于 Sublime Text 3: import  urllib.request,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(ur

sublime Text不能安装插件的解决办法

我的sublime Text不能安装插件,提示如下错误 解决办法如下: 1.点击Preferences > Browse Packages菜单 2.进入打开的目录的"上层目录",然后再进入Installed Packages/目录 3.下载点我并复制到Installed Packages/目录 4.重启Sublime Text.