在sublime text3上使用Vue格式化插件

最新推荐文章于 2022-07-15 10:07:55 发布
原创 最新推荐文章于 2022-07-15 10:07:55 发布 · 2.7k 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍如何在Sublime Text中安装PackageControl插件，并通过该插件安装HTML-CSS-JS-Prettify进行代码美化。安装完成后，通过设置配置文件来支持更多文件类型，并介绍了格式化的快捷键。

在安装完Package Control插件之后，用使用CTRL + SHIFT + P快捷键调出面板，输入package control或者install联想调出
这里写图片描述
选择Package Control:Install Package
搜索prettify 选择HTML-CSS-JS-Prettify,点击安装
这里写图片描述
安装完成之后打开配置文件 set node path：
这里写图片描述
在配置文件global_file_rules对象的html对象的allowed_file_e..数组添加”vue”,保存，重启编辑器。
这里写图片描述

格式化快捷键：
ctrl + shift + h

VUEFormatter-Sublime文本代码格式-Vue.js开发
05-27
通过node.js Sublime Text 3用于Sublime Text 2和3的vue代码格式化程序JS-美化Node.js下载关于这是通过node.js Sublime Text 3用于Sublime Text 2和3的Sublime Text 2和3插件allowi vue代码格式化程序。 JS-美化Node.js下载关于这是一个Sublime Text 2和3插件，可用于格式化vue代码。 安装Mac git clone https://github.com/baixuexiyang/VUEFormatter.git〜/ Library / Application \ Support / Sublime \ Text \ 3 / Packages / VUEFormatter Linux git clone https://github.com/baixuexiyang/VUEFormatter.git 〜/ .config / sublime-text-3 / Packages / VUEFormatter Windows git克隆https://github.com/
sublime中有没有 vue文件格式化插件
qq_44884619的博客
04-08 285
sublime中有没有 vue文件格式化插件
sublime text 3安装vue高亮插件（三）
ABigKing的博客
02-26 530
1，下载插件vue-syntax-highlight，找到download下载zip压缩文档。2，进入sublime，选择菜单项“Preferences->Browse Packages”，进入，新建一个vue文件夹，把vue-syntax-highlight-master压缩包解压后的所有文件放进入。3，按下快捷键“ctrl+shift+p”，在打开的packages输入框中输入vue，最...
最简单的sublime text 3安装vue插件
热门推荐
开心大表哥
09-12 6万+
1.打开sublime text 3按 Ctrl+Shift+P（相信你有单身的手速，同时按完这3个键） 2.选中上图中，框出来的内容，按下enter. 3.选择上图的第二个即：vue syntax hightlight 4.重启一下，sublime。你会发现有效果了，如果没有就再按一次Ctrl+Shift+P，搜说框处输入vue，把感觉顺眼的都安装一下，就可以了。（嘻嘻） 如果第一
Sublime Text 3 常用插件以及安装方法
huihuangjiuai的专栏
07-22 896
原文网址：Sublime Text 3 常用插件以及安装方法 使用Package Control组件安装 也可以安装package control组件，然后直接在线安装： 按Ctrl+` 调出console 粘贴以下代码到底部命令行并回车： { import urllib.request,os; pf = 'Package Control.sublime-package
sublime text3 代码格式化插件vue
zeroyulong的博客
06-05 2620
同事用的windows的sublime轻量级容易上手.我们现在强制eslint规范.我们就需要安装这个格式化代码的插件"html-css-js-prettify"使用 Sublime text 3 格式化HTML代码，需要安装插件，具体安装步骤如下：1. 打开菜单 -> 首选项(Perferences) -> 插件控制(Packpage Control)，输入"Install Pack...
Sublime text3 代码格式化插件vue
weixin_30521161的博客
01-04 343
同事用的windows的sublime轻量级容易上手.我们现在强制eslint规范.我们就需要安装这个格式化代码的插件"html-css-js-prettify" 使用 Sublime text 3 格式化HTML代码，需要安装插件，具体安装步骤如下： 1. 打开菜单 -> 首选项(Perferences) -> 插件控制(Packpage Control)，输入"Install ...
sublime Text3支持vue高亮，sublime Text3格式化Vue
weixin_33829657的博客
11-03 262
第一：让sublimeText3支持Vue高亮 PS:我的sublime版本是3126，我不清楚其它版本的是不是这样设置，不过可以看看思路自己摸索下 1.下载可以让vue格式高亮的插件vue-syntax-highlight github链接 我下载好的插件包，为避免插件的更新，还是建议用上面的方式，从github上下载 ，插件包下载 2.把插件放到sublime中 菜单 设...
Sublime Text 3 编译器一些常用插件安装
kivet的博客
07-12 285
Sublime Text 3个人感觉是个不错的代码编写软件，写篇文章记录一下我自己在使用过程中常用的安装的一些插件，免得每次重新安装软件后都要去网上到处找资料。 1. 自动补全html代码框架 Ctrl + shift + p ==> Install Package ==> 安装 Emmet 插件 安装完成，每次 英文输入法下 ==> 输入一个“!” ==> 按下tab键...
sublime tex4配置vue开发环境
jhs的博客
07-15 2468
sublime text4 配置vue开发环境
sublime 配置开发VUE环境 自动格式化代码
繁星
02-08 1615
Sublime 小巧灵活，丰富的插件完善了他的功能，我们的配置目标是希望Sublime 拥有以下功能： 为我们自动格式化代码 有代码提示 可以运行项目 代码提交 如果你的需求也是这些，就可以按照如下步骤操作，亲测可以！ 首先需要安装插件 install package，按下 ctrl + shift + p , 输入 install 即可看见 install package ,选中回车...
sublime之.vue文件格式化插件
码农的世界
05-27 1万+
1、先安装HTML/CSS/JS Prettify 插件： (1) ctrl+shift+p (2) 点击Install Package，然后搜索HTML-CSS-JS Prettify，按确定，等待安装结束。2、安装HTML/CSS/JS Prettify后 ： tools->HTML/CSS/JS Prettify->set prettify preference
sublime 格式化 vue 代码
jjsnc
07-08 4369
1： 安装 HTML/CSS/js Prettify 2： 然后找到这个文件文件夹 tools->HTML/CSS/JS Prettify->set prettify preference3：找到这一样代码后面添加 vue"allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg", "vue"],
vue :formatter 对列的值进行处理
可芭乐的博客
04-03 3万+
需要对类型进行处理 <el-table size="small" :data="TableData.lists" :header-cell-style="headerStyle" border highlight-current-row style="width: 100%"> <el-table-column :align="TableData.align&qu
Sublime text 3格式化vue代码
youyudexiaowangzi的专栏
09-21 888
利用的是插件HTML-CSS-JS prettif，要先安装，然后配置HTML-CSS-JS prettif的nodejs路径 一、安装 1. 打开菜单 -> 首选项(Perferences) -> 插件控制(Packpage Control)，输入"Install Package" 或者ctrl+shift+p，然后输入Install Package 2. 等待程序进入插件管理功能，再输入插件名称："HTML-CSS-JS prettify" 3. 点击安装插件 "HTML-CS
Vue：VSCode中Vue代码的格式化问题解决（Code formatter）
灿灿大王搭建的黄金屋
05-29 4万+
VSCode自从更新之后，vue文件的html代码格式化就失效了，而且vue文件中的js ,css格式化样式都变了，原因在于都采用了prettier 来格式化，而配置文件中vetur.format.defaultFormatter.html 这个配置项的值为"none"，我们需要对它重新进行设置。 步骤一： 首先确保你安装了vetur扩展插件。如下图，扩展里直接搜索vetur，安装下图的V...
让sublime text3支持Vue语法高亮显示
weixin_33859504的博客
04-19 865
1.准备语法高亮插件vue-syntax-highlight。 下载地址： https://github.com/vuejs/vue-syntax-highlight   下载页面并下载：   解开压缩包vue-syntax-highlight-master，其内所有文件备用。   2.将vue-syntax-highlight植入sbulime。 进入sublime，选择菜...
sublime中有没有*.vue文件格式化插件？
linyeban的博客
02-03 8030
HTML/CSS/JS Prettify 这个插件就行， 安装后 tools->HTML/CSS/JS Prettify->set prettify preference  在"allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg","vue"] 加上vue就好了
vue中formatter的使用方法
Evan's Blog ٩(๑❛ᴗ❛๑)۶
02-15 2万+
一、需求描述 我们平时接收到后台传来的数据是某种状态码，或者数字标识，需要我们在前端将其转换为对应的内容。 如图所示，其实我们接收到的标识是0、1、2。将其转换成女，男，无限制。 二、使用:formatter 我们可以使用:formatter，代码如下。 prop对应你要取的值，:formatter对应方法。注意不要忘了冒号。 <el-table :data="r...
sublime插件记录
weixin_33727510的博客
07-19 169
.vue文件格式化插件： 1、先安装HTML/CSS/jsPrettify 插件：(1) ctrl+shift+p(2) 点击Install Package，然后搜索HTML-CSS-JS Prettify，按确定，等待安装结束。 2、安装HTML/CSS/JS Prettify后 ：tools->HTML/CSS/JS Prettify->set prettify pre...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值