首页 > 其他分享 >SublimeText添加对vue的支持和格式化

SublimeText添加对vue的支持和格式化

时间:2023-07-07 14:56:10浏览次数:43  
标签:插件 vue 格式化 package js install SublimeText 安装

添加对vue的语法的高亮支持

首先需要安装插件 install package,
按下 ctrl + shift + p , 输入 install 即可看见 install package ,
选中回车即可,等待一段时间会提示是否安装成功

安装成功后开始安装开发VUE需要用到的插件 ,
安装方式为 ctrl + shift + p ,
选择 install package,然后输入相应的插件

插件的功能大致如下:

HTML-CSS-JS Prettify 格式化代码
Vuejs Snippets 代码补全 代码提示
Vue Syntax Highlight 代码高亮
Termilan 调用终端

image

使用

具体的快捷键在preference > package setting > html/css/js prettify > keyboard-shortcuts-default中
image

出现问题

刚开始安装HTML-CSS-JS Prettify格式化插件使用的时候出现问题,发现是插件依赖node.js,所以要安装node.js
node.js下载地址:http://nodejs.cn/download/
然后在sublime中的preference > package setting > html/css/js prettify > plugin-options-default中修改
image

重启软件,再次使用ctrl shift h就可以格式化html/css/js了

标签:插件,vue,格式化,package,js,install,SublimeText,安装
From: https://www.cnblogs.com/tn666/p/17534969.html

相关文章

  • 13:vue3 插槽 slot
    1、插槽基础知识用Parent.vue,导入SlotBase.vue组件1<template>2<SlotBase>3<div>4<h3>插槽标题</h3>5<p>插槽内容</p>6</div>7</SlotBase>8</template>......
  • 数据格式化代码
    原数据形式 优化后 独立代码://数据格式化代码privateMap<String,Set<String>>convertSpecList(List<String>specList){Map<String,Set<String>>specMap=newHashMap<>();//TODO参数校验if(Collectio......
  • Vue + Volo.Abp 实现Auth2.0客户端授权模式认证
    @目录注册ClientAuth2.0授权创建vue-oidc-client创建Auth2.0认证跳转获取令牌创建回调页面创建退出登录最终效果Volo.Abp的身份服务器模块默认使用IdentityServer4实现身份认证。IdentityServer4是一个开源的OpenIDConnect和OAuth2.0框架,它实现了这些规范中的所有必需功能。......
  • Vue3主要的响应类方法(ref、reactive、toRef、toRefs)
    1.Vue.ref()1.1.可以为单个属性添加响应式状态。1.2.可以为对象添加响应式状态,当给对象的某个属性单独ref后,改变后的属性值不会同时改变原始值。1.3.访问数据值,需要添加.value。1.4.原始数据的拷贝。(原始数据不被改变)2.Vue.reactive()2.1.给对象添加响应式状态2.2.访问数据值......
  • vue - 动态组件(:is在组件中的使用)
    使用场景:有些场景会需要在两个组件间来回切换,比如Tab界面:我们可以通过Vue的<component>元素和特殊的isattribute实现的:如<!--currentTab改变时组件也改变--><component:is="currentTab"></component>在上面的例子中,被传给:is的值可以是以下几种:被注册的组件......
  • vue3--setUp以及ref的使用
    <template><h1>计数统计:{{countRef}}</h1><h2><button@click="inCreate">数量加1</button></h2><h2><button@click="inDelete">数量-1</button></h2></template><!--......
  • vue--计算属性
    在Vue.js中,计算属性(ComputedProperty)是一种特殊的属性,它基于现有的数据计算出一个新的值,并且会根据其依赖的数据进行自动更新。计算属性主要用于将复杂的逻辑和变量计算封装为属性,以便在模板中直接使用。以下是使用计算属性的一般步骤:1.在Vue实例的computed对象中定义计算......
  • vue 自定义指令实现overflow-tooltip
    利用elementui el-tooltip组件实现1.创建overflow-tooltip指令importVuefrom'vue'/*eslint-disable*/functiongetStyle(obj,attr){if(obj.currentStyle){returnobj.currentStyle[attr];}else{returngetComputedStyle(obj)[attr];......
  • vue项目打包,配置nginx反向代理
    1.将Vue项目打包在终端中执行npmrunbuild打包完成后可以在项目的dist目录看到index.html(如下图)。将此目录的所有文件放到nginx服务器即可访问。 2.下载nginx并放到服务器上http://nginx.org/en/download.html通过点击上面的链接,下载对应于自己系统的nginx,这里使用Windo......
  • vue3 ref全家桶(小满zs vue3 笔记六)
    tip1:vue3无响应式数据(控制台数据已经变化,但是页面无刷新)<template><div>认识Ref全家桶</div><div>{{message}}</div><button@click="change">改变</button></template><scriptsetuplang="ts">letmessage:s......