关于更改默认格式化文档满足vue的(eslintrc)语法检查

最新推荐文章于 2024-05-12 10:58:58 发布
最新推荐文章于 2024-05-12 10:58:58 发布
阅读量213 收藏
点赞数
文章标签： vue.js
原文链接：https://www.bilibili.com/video/BV1E7411c7M8?p=27&spm_id_from=pageDriver&vd_source=e60e01214459175ffd90b9ac62846d40
版权

1.新建文件 .prettierrc   位置：与main.js同级

 2.在新建的文档中输入以下内容（semi分号控制，singleQuote单引号控制）

{

    "semi":false,

    "singleQuote": true

}

3.在.eslintrc.js文件中添加控制空格属性    在rules对象中添加  'space-before-function-paren':0

 

 

 

进阶的CC
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 批量格式化代码
SUE_DONG的博客
06-02 1022
vue 格式化代码
css全局格式化
weixin_33788244的博客
12-21 146
/*全局控制*/ body{margin:0;padding:0;font-size:14px;line-height:22px; height:auto; font-family:"微软雅黑"; color:#3e3938;-webkit-text-size-adjust:none;} body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, ...
vue在页面有多个地方使用到时间格式化时，优化方法
qq_46167326的博客
07-20 50
可以在filters文件夹中创建一个js文件。此时表格显示的就是正常日期了。直接在需要显示的表格写上。避免多次引用moment。
vscode中选择格式化程序、设置默认格式程序
最新发布
听海边涛声
05-12 780
vscode中选择格式化程序、设置默认格式程序
vue171-配置默认格式化文档的方式
geyaoisnice的博客
07-28 659
vue
新版vscode(^1.41.0)下JavaScript代码格式化冲突问题
fredricen的专栏
01-20 4447
分析配置 { "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.format.enable": true, "eslint.validate": [ "javascript", "vue", "html" ] } 本地还有vue格式化的插件vetur，默认...
 VSCode 使用Vetur对vue文件进行格式化
D_C_tyu的博客
12-05 3152
settings.json 配置代码 { "workbench.iconTheme": "material-icon-theme", // 指定工作台中使用的文件图标主题 "window.zoomLevel": 0, // 调整窗口的缩放级别，原始大小是 0 "editor.formatOnSave": true, // 在保存时格式化文件 "editor.tabSize": 2, // 一个制表符等于的空格数 "[jsonc]": { "editor.defaultFor.
vue2、vue3代码格式化
weixin_45849354的博客
02-08 2539
vue2,vue3格式化工具
vue时间格式化实例代码
08-30
vue时间格式化实例代码 作为一名IT行业大师，我将从给定的文件中生成相关知识点，并进行详细的解释。 一、Vue时间格式化实例代码介绍 本篇文章主要介绍了Vue时间格式化实例代码，这里整理了详细的代码，具有一定...
Vue-cli Eslint在vscode里代码自动格式化的方法
08-27
- 安装 `Vetur` 插件，它不仅提供了 Vue 文件的语法高亮和智能感知，还能配合 Eslint 对 `.vue` 文件进行格式化。在 `settings.json` 中，可以设定 `vetur.format.defaultFormatter`，将不同语言的格式化器设置为 `...
vscode下的vue文件格式化问题
10-17
主要介绍了vscode下的vue文件格式化问题，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
HTML JavaScript 自动格式化
08-26
先从网上下载文本编辑程序 sublime3 . 安装好后, 下载此压缩文件插件包。 解压后, 放在 安装路径下的packages目录下面即可. （比如----C:\Users\Administrator\AppData\Roaming\Sublime Text 3\Packages） Note：在sublime3 里面 直接下载安装，经常失败， 所以将此文件单独共享。 快捷键为：Ctrl+Shift+H。 使用方法： 任意编写html文件后， 选择一段html或者js 编码， 按上快捷键， 则会直接美美的自动设置好格式，带不同色彩提示。
vue实现codemirror代码编辑器中的SQL代码格式化功能
10-16
主要介绍了vue实现codemirror代码编辑器中的SQL代码格式化功能,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
setting.json
资深罚时选手
01-07 992
{ "python.linting.pylintArgs": [ "–load-plugins=pylint_django" ], "files.autoSave": "afterDelay", "files.autoSaveDelay": 1000, // ファイルの終了時に行末のスペース削除 "files.trimTrailingWhitespace": tr...
vue文件格式化
qq_35601066的博客
11-30 3960
1.格式化vue文件需要安装以下插件： ESLint Prettier Vetur 2.添加.prettierrc文件： { "semi": false, //格式化时不加分号 "singleQuote": true, //用单引号替换双引号 "prettier.spaceBeforeFunctionParen": true, //让函数(名)和后面的括号之间加个空格 "trailingComma": "none" //对象后面默认添加逗号 } 3.eslintrc.js添加以下规则
Vue项目代码-最流行的格式化方法(2022年最新版)
wenjin_Deng的博客
11-28 2319
Vue项目代码流行的格式化设置
vscode下的vue文件格式化
weixin_42817899的博客
11-27 2654
我相信基本上每一个在vscode上面码Vue代码的都会下载Vetur插件用来格式化等操作，今天Vetur更新了 0.14.2 版本，最近在使用的时候，感觉格式化总是出问题，去Vetur上面看了下，发现Vetur的配置做了下面的改动，看到几个社区都没有人说明，我就先说下，默认的格式化配置是： { "vetur.format.defaultFormatter.html": "prettyhtm...
VS Code配置初探
dengwei2939的博客
02-14 179
之前一直在用 Webstorm，看现在 VS Code 热度那么高，想着尝试一下。 熟悉编辑器的快捷键 VS Code 快捷键一览 安装使用到的插件 Chinese（修改你的编辑器语言，默认英文） ESLint（代码规范和错误检查工具） Prettier（代码格式化工具） EditorConfig for VS Code（定义项目的编码规范，编辑器的行为会与.editorconfig ...
vue项目在vscode里如何根据配置的.eslintrc.js文件格式化文档
05-30
要在 VSCode 中根据配置的 .eslintrc.js 文件格式化文档，可以按照以下步骤进行操作： 1. 确保已安装并启用了 ESLint 插件。在 VSCode 中按下 Ctrl+Shift+X 进入插件管理界面，搜索 "ESLint" 并安装。 2. 在项目根目录下创建 .vscode/settings.json 文件，并添加以下配置： ``` { "editor.codeActionsOnSave": { "source.fixAll.eslint": true } } ``` 3. 在 VSCode 中打开需要格式化的 Vue 文件，点击编辑器右下角的 "ESLint" 图标，可以看到是否有 ESLint 错误。如果有，可以根据错误提示修复代码。 4. 在编辑器中按下 Ctrl+S 或者 Command+S（MacOS）保存文件，此时代码将被自动格式化。 需要注意的是，以上步骤仅适用于在 Vue 项目中使用 ESLint 进行代码风格检查和格式化的情况。如果项目使用的是其它格式化工具，需要根据不同的工具配置相应的 VSCode 插件和设置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值