Sublime Text 3 HTML/CSS/JS prettify 格式化Vue文件

最新推荐文章于 2022-06-17 16:05:05 发布
原创 最新推荐文章于 2022-06-17 16:05:05 发布 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Sublime Text  #HTML/CSS/JS prettify # 格式化 #Vue

本文介绍了在Sublime Text中配置Vue代码缩进的方法。通过打开配置文件，在特定位置添加“vue”，修改“use_editor_indentation”为true，最后在软件右下角设置Tab Width为4，可使Vue代码正常缩进为4个空格。

1.打开配置文件Preferences > Package settings > HTML/CSS/JS prettify > Plugins Options-Default
这里写图片描述
2.找到”global_file_rules” > “html” > “allowed_file_extensions”，添加”vue”
这里写图片描述

3.滚动到底部，找到”use_editor_indentation”, 把false改为true
这里写图片描述

4.上面3步完成后虽然可以缩进了，但只缩进了2个空格，由于我的代码缩进是4个字符，在软件右下角点击Spaces，勾选Tab Width: 4就可以正常缩进为4个空格了
这里写图片描述

SublimeJSCSFormatter:Sublime Text 3插件可使用JSCS自动格式化
04-14
用于Sublime Text 3 Sublime Text 3插件可根据您已有的JSCS配置文件自动格式化javascript代码。 安装 棉绒安装 必须先在系统上安装JSCS（具有自动格式设置），然后此插件才能起作用。 要安装jscs ，请执行以下操作： 安装 （在Linux上安装 ）。 通过在终端中键入以下jscs来安装jscs ： npm install -g jscs 如果您使用的nvm和zsh ，确保线路负载nvm是.zshenv而不是.zshrc 。 如果您使用的是zsh和oh-my-zsh ，请不要为oh-my-zsh加载nvm插件。 插件安装 请使用安装linter插件。 这样可以确保在有新版本可用时更新插件。 如果您想从源代码安装以便可以修改源代码，则您可能知道自己在做什么，因此我们将不在此处进行介绍。 要通过Package Control安装，请执行以下操作
Sublime Text 2 的CSS格式化组件拓展_V20150922
09-22
对Sublime Text 2插件HTML-CSS-JS Prettify的CSS格式化拓展修改
Sublime 2 css格式化插件
12-12
Sublime 2 css格式化插件。下载解压缩文件夹放置到Sublime的包文件夹中。 OS X: ~/Library/Application Support/Sublime Text 2/Packages/ Windows: %APPDATA%/Sublime Text 2/Packages/ Linux: ~/.Sublime Text 2/Packages/ 使用：Edit Menu: Edit > CSS Format。 命令：Ctrl+Shift+P (Linux/Windows) or Cmd+Shift+P (OS X) and select Format CSS: XXX.
sublime Text3支持vue高亮，sublime Text3格式化Vue
weixin_33829657的博客
11-03 238
第一：让sublimeText3支持Vue高亮 PS:我的sublime版本是3126，我不清楚其它版本的是不是这样设置，不过可以看看思路自己摸索下 1.下载可以让vue格式高亮的插件vue-syntax-highlight github链接 我下载好的插件包，为避免插件的更新，还是建议用上面的方式，从github上下载 ，插件包下载 2.把插件放到sublime中 菜单 设...
Sublime text 3格式化vue代码
youyudexiaowangzi的专栏
09-21 867
利用的是插件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
Sublime Text 3代码格式化插件HTML-CSS-JS Prettify.zip
11-08
"HTML-CSS-JS Prettify"就是专为Sublime Text 3设计的一款代码格式化插件，能够自动对HTML、CSS、JavaScript和JSON代码进行美化和整理，使得原本杂乱无章的代码变得井井有条。 该插件的安装非常简单，通常通过...
Emmet for Sublime Text 3 HTML/CSS代码快速编写神器
10-14
Sublime Text 3的HTML/CSS代码快速编写神器：Emmet，使用方法：直接解压到Sublime Text 3安装路径下，如C:\Software\Sublime Text3\Emmet，注意Emmet文件名的大小写。
Vue下一格式化程序-Sublime Text Vue格式化程序，受支持的ES5 / 6/7，Less / Sass和Pug / Html模板。-Vue.js开发
05-27
Pug（Jade），CSS / Less / Sass，ES5 / ES6 / ES7和JSON代码格式化程序，用于通过node.js实现Sublime Text 2和3的Sublime Text 3格式化程序Pug Vue组件，HTML / Pug（Jade），通过node.js实现Sublime Text 2和3CSS ...
Sublime Text3格式化神器：HTML-css-js-Prettify插件介绍
其中，Sublime-HTML-css-js-Prettify插件便是针对HTML、CSS和JavaScript文件格式化需求应运而生的一个工具。以下是对该插件的详细介绍，包括它的功能、如何安装使用以及常见的问题解决。 ### 插件功能概述 Sublime...
sublime插件HTML-CSS-JS Prettify
02-20
HTML-CSS-JS Prettify是为Sublime Text设计的一款插件，专门用于美化HTML、CSS和JavaScript代码，使代码更易读、易维护。这款插件能够自动格式化代码，遵循一定的编码规范，提升开发者的编程体验。 首先，安装...
Sublime Text3快捷键
07-19
收录了Sublime Text3的3类（选择类，编辑类，搜索类）快捷键操作
sublime text3各种格式化
12-15 706
JSON格式化: 快捷键 ctrl+shift+p，然后一样：输入install package，回车->等一会，在出现的框中输入Pretty json，回车，即进行安装 格式化快捷键: ctrl+alt+j SQL格式化: 同上，安装 SqlBeautifier 插件 格式化快捷键：先 ctrl+k，再 ctrl+f 进行格式化 其他格式化: 安装:SqlBeautifier插件 * PHP * JavaScript/JSON * HTML * CSS * SCSS *..
sublime3中使用HTML-CSS-JS Prettify插件对 vue文件 格式化
qq_42462656的博客
05-12 346
友情链接 https://www.jianshu.com/p/62d199438b01
使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码
weixin_30244681的博客
11-15 205
很多时候，我们想要格式化HTML-CSS-JS代码，网站上有很多实现此功能的小工具，当然，我的网站首页也有。但是，如果我们的代码编辑器上面也有这样的功能，那不是更加快速便捷？So，接下来，我们看看Sublime Text 3是如何使用插件实现此功能的吧！ 一、必要条件: 1、首先，你要有Sublime Text 3编辑器； 2、你本地要配置NodeJS环境（安装方法可以参考：Node.js...
sublime text 格式化html css 与显示函数列表
elesos.com
11-23 1789
sublime 格式化html css 1.ctrl + shift + p 2.输入install package，选择install package 3.输入：HTML-CSS-JS Prettify，并安装该插件。 4.重启sublime 选中代码，然后按Ctrl+Alt+H对代码进行格式化 sublime text如何显示函数
sublimetext3格式化python代码_sublime text 3搭建python
weixin_39939661的博客
02-04 3017
1.ST3下载地址：http://www.sublimetext.com/32.安装Sublime Text Build 3114 Setup.exe应用程序。3.ST3的工具优点就是轻量级，简易工具。所以有时候需要依靠一些插件。为了使用众多的插件来扩展 Sublime Text的功能，你需要安装一个叫做Package Control的插件管理器——这个东西你必须要手动安装。但是一旦你安装好了...
SublimeText3 HTML-CSS-JS Prettify 插件格式化js代码“?.“ “??“导致语法问题
wjj1991的博客
06-17 415
SublimeText3 HTML-CSS-JS Prettify 插件格式化js代码"?." "??"导致语法问题
sublime css格式化
weixin_30314631的博客
08-16 118
最近拿到项目源码 打开之后 全都是压缩过后的 样式表 我应该怎么做类 额。大家都知道sublime可以加各种自定义插件 有一个叫做“css format”的插件 安装就可以使用了 各种你需要的格式化格式 1，Preferences 2，Package Control: 3，Install css format; 4，回车 5，右键 转载于:https://www.cnb...
HTML-CSS-JS Prettify 代码格式化插件
辰风沐阳
07-09 1859
前提：已经安装 node.js。安装插件 HTML-CSS-JS Prettify，修改node路径，即可通过单击右键 HTML-CSS-JS Prettify 中的 Prettify Code 使用代码格式化功能 1. 打开命令面板 2. 搜索插件 HTML-CSS-JS Prettify 3. node路径错误 的解决 （1）单击右键，点击 Pretty Code （2）出现以下提示就是需要配置node.js的路径 （3）复制默认插件配置文件，到用户插件配置文件 （4）打开用户插件配.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值