如何配置vue格式化后,函数与小括号之间的空格!

最新推荐文章于 2023-02-06 11:53:35 发布
最新推荐文章于 2023-02-06 11:53:35 发布
阅读量4k 收藏 8
点赞数 5
分类专栏： 功能栈 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46278003/article/details/107044429
版权

第一步:
在vscode中 按Ctrl + Shift + P,打开配置首选项
在这里插入图片描述
在空格输入框中输入:settings.json
在这里插入图片描述
选择打开工作区设置(如果之前使用过,就会显示最近使用,如果没有,则一般是第二个,注意看工作区设置)
在这里插入图片描述
进去之后会出现这样的,我这个情况属于工作区配置,没配置过的
在这里插入图片描述
第二步:复制粘贴如下代码到 settings.json中, 保存!
"vetur.format.defaultFormatter.js": "vscode-typescript", "javascript.format.insertSpaceBeforeFunctionParenthesis": true,在这里插入图片描述

关闭vscode编辑器,重新打开! 这时vue格式化, 函数和小括号直接就有了空格了.
我的是直接调试成,保存就格式化!

半城绝世
关注
专栏目录
vue文件格式化
qq_35601066的博客
11-30 4023
1.格式化vue文件需要安装以下插件： ESLint Prettier Vetur 2.添加.prettierrc文件： { "semi": false, //格式化时不加分号 "singleQuote": true, //用单引号替换双引号 "prettier.spaceBeforeFunctionParen": true, //让函数(名)和后面的括号之间加个空格 "trailingComma": "none" //对象后面默认添加逗号 } 3.eslintrc.js添加以下规则
vue保存自动格式化换行
zailaisanwan的博客
12-13 2321
网上找了好多方法改着也没用，后面从一个大佬上看到的，就摘下来了，字体的话还是原来系统自带的看着舒服，就自己添加上去了，需要改动的可自行修改，在右上角文件--首选项--设置--搜索setting---在setting.json编辑，把其他的注释掉，换上下面的代码块就可以了，字体大小和行高可自行修改 { //设置文字大小 "editor.fontSize": 18, //设置文字行高 "editor.lineHeight": 20, //开启行数提示 "editor.li
vue 格式化 函数名和括号之间的空格问题解决！！！
热门推荐
weixin_50541501的博客
01-21 1万+
如题：用了另一个插件叫Prettier ESlint 保存之前 这里是.vue 文件的 script中的函数 这里是.vue 文件的 template 页面布局 这里是.vue 文件的 style css样式 保存之后 script 标签的结果 template 标签结果 style 标签结果 setting.json中的配置 "vetur.format.defaultFormatter.js": "prettier-eslint", //作用于js文件 //作用于vue 文件
vscode写vue代码时常用格式化设置，解决格式化函数名后空格消失问题等...
清风的博客
07-09 7828
首先安装插件"Prettier - Code formatter"、“vetur”、"ESLint" // 让函数(名)和后面的括号之间加个空格 "[javascript]": { "editor.defaultFormatter": "vscode.typescript-language-features" }, "javascript.format.insertSpaceBeforeFunctionParenthesis": true, "tslint.autoFixOnSave":
vue 项目代码格式化
twenj1616的博客
05-03 474
末尾不加分号，双引号变单引号 项目目录添加文件 .prettierrc { "singleQuote": true, "semi": false } 函数名称后面添加空格 在 setting.json 中添加 "vetur.format.defaultFormatter.js": "vscode-typescript", "javascript.format.insertSpaceBeforeFunctionParenthesis": tru ...
vue使用插值语法渲染字符前后莫名加上空格
qq_41549657的博客
04-11 1324
错误写法 <span> {{true?'，':''}} <a>test</a> </span> 这种写法渲染结果如下： 会把换行符渲染成空格 正确写法 <span>{{true?'，':''}}<a>test</a></span> 渲染结果如下： ...
VS Code 格式化后 自动让函数名后有空格
旺仔爱编程
07-24 4938
VS Code 格式化后 自动让函数名后有空格
VSCode 配置自动格式化与Vue支持
5. `"javascript.format.insertSpaceBeforeFunctionParenthesis": true` - 这个选项规定在函数名称和其后的括号之间插入一个空格，提高代码可读性。 6. `"vetur.format.defaultFormatter.js": "vscode-typescript"`...
【Vue3+Vite+TS项目集成ESlint +Prettier实现代码规范检查和代码格式化】
m0_37873510的博客
01-15 6176
Vue3+Vite+TS目集成ESlint +Prettier实现代码规范检查和代码格式化
eslint 无法格式化ts_vscode如何配置ts的lint，如何配置才能让eslint和prettier不冲突一键格式化代码（vue开发使用）...
weixin_39620984的博客
12-20 984
最近在使用ts，发觉tslint在vscode上使用很不方便，不如eslint一键格式化高效，就想着能不能配置下vscode让其像写js一样爽这篇文章主要解决2个问题，第一个是如何让vscode使用ts的lint，第二个是如何配置才能让eslint和prettier这2个代码格式化的vscode插件不互相冲突vscode使用ts的lint首先ts的lint已经不用tslint了，这个东东官方已经说...
vs code 使用 prettier 格式化 js 的时候, 函数定义的名称和括号之间有一个空格, 而 eslit 又不允许这个空格.
galoiszhou的博客
06-14 6273
vs code 使用 prettier 格式化 js 的时候, 函数定义的名称和括号之间有一个空格, 而 eslit 又不允许这个空格.
vue 中 ‘\“ 替换成 “/“
tonysh_zds的博客
10-21 2047
replace 正则用法
Vue中调用函数加括号与不加括号区别
Apollo的博客
03-27 3008
https://blog.csdn.net/qq_40436854/article/details/103923544 https://www.jianshu.com/p/f35a9848dd22 在做项目的时候，引入了element-ui的分页功能 发现了问题 1、getList方法定义：page=1相当于不传参时page默认为1 2、以下方法不能加（），不加括号页数可以依靠前端组件传入，若写为getList()，则无论前端点多少页，始终维持在第一页。若写为getList(2)，则始终保持在第二页 3
Vue 中 v-on:click =“函数名” ,函数名后面加不加括号的区别
qq_42316056的博客
10-21 646
Vue 中 v-on:click =“函数名” ,函数名后面加不加括号的区别； Vue 中 @click =“函数名” ,函数名后面加不加括号的区别
如何删除单一字段中的括号，用：regexp_replace函数
miss zheng
06-14 3813
select regexp_replace(mc,'（.+）','') from BI
vue中双大括号替换的简单原理
qq_47452289的博客
03-17 4514
Vue中双大括号解析的简单原理 Vue中主要思路思路就是三步： 获取所有节点 找到所有 {{ }} 的节点 替换 {{ }} 的内容 我们这里就简单一点，替换一个节点就可以了，我们先定义一个类似Vue的data对象。 <body> <h1>{{user.name}}的数学成绩为{{user.test.math}}</h1> <script> // 模仿Vue中的data属性，为一个对象 let data={ word:'he
vue中空格符号
weixin_35750747的博客
01-05 2270
在Vue中，你可以使用空格符号 ({{ }}) 来渲染 HTML。例如： <template> <div> <p>我的名字是{{ name }}</p> </div> </template> <script> export default { data () { return { ...
vscode使用vetur解决代码换行、格式化、常量问题
最新发布
lee_uncle的博客
02-06 3767
vscode代码换行问题处理
replace()函数的使用
weixin_46466037的博客
09-01 847
在vue组件中,在div标签中，span内自定义需要替换的变量名，变量名前后各有两个$$,通过replace函数进行替代，含有多个需要替代的内容，拼接就好 `<div> <span >$$title$$</span> <span >$$sort$$</span> </div>` _markerdiv.innerHTML = _temphtml.replace("$$title$$", item.name).replace(
VSCode配置Vue+Vetur+ESLint+Prettier自动化格式化详解
在VSCode中配置Vue项目，利用vetur、eslint和prettier自动化格式化功能，能显著提升开发效率和代码质量。本文将深入讲解如何配置这些工具以实现保存时的自动格式化。 首先，Vetur插件是VSCode集成的Vue支持，它负责...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值