【前端 - Vue】关于ESlint代码规范及格式化插件

已于 2024-09-01 15:44:49 修改
阅读量1.5k 收藏 17
点赞数 32
分类专栏： vue2/3 从基础到起飞 文章标签： 前端 vue.js 代码规范 格式工厂 webpack 前端框架
于 2024-06-04 08:54:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_78542842/article/details/139421517
版权

🚀 个人简介：某大型国企资深软件开发工程师，信息系统项目管理师、CSDN优质创作者、阿里云专家博主、华为云云享专家，分享前端后端相关技术与工作常见问题~

💟 作    者：码喽的自我修养❣️
📝 专    栏：vue2/3 从基础到起飞

🌈 若有帮助，还请 关注➕点赞➕收藏  ，不行的话我再努努力💪💪💪

目录

一、ESlint代码规范及手动修复

1.JavaScript Standard Style 规范说明

2.代码规范错误

3.手动修正

二、通过eslint插件来实现自动修正

如何安装

如何配置


了解本专栏 订阅专栏 解锁全文 超级会员免费看
码喽的自我修养
关注
  • 32
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 23
    评论
专栏目录
订阅专栏
vue代码格式化
Know Destiny的博客
05-07 1928
vue代码格式化 1.格式化代码 { // "workbench.colorTheme": "Default High Contrast", //主题颜色 "[json]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "editor.suggest.snippetsPreventQuickSuggestions": false, "editor.formatOnSave": true, // #值设置为tru
eslint-plugin-prettier, ESLint插件，用于更漂亮的格式化.zip
09-17
eslint-plugin-prettier, ESLint插件，用于更漂亮的格式化 eslint-plugin-prettier 作为一个 ESLint的规则运行，并报告不同的单个ESLint问题。示例error: Insert `,` (prettier/prettier) at pkg/commons-
ESlint | 通过VsCode中的ESLint插件来实现自动修正语法错误
最新发布
猫天意的博客
07-23 551
通过VsCode中的ESLint插件来实现自动修正语法错误
VSCODE的VUE代码格式化插件及配置
热门推荐
林见鹿鸣
12-16 2万+
转载自：https://www.cnblogs.com/RandyField/p/12873538.html 1.引言 开发vue项目，大家有没有遇到如下情况： 1.1 注释不对 在vue文件，template 中注释 Ctrl+/ 代码 //<slot name="left" :itemLeft="itemLeft">{{ itemLeft }}</slot> 这是html代码，注释应该是这样： <!-- <slot name="left" .
vue 基本格式化代码插件配置
m0_64115279的博客
03-08 1724
vue 格式化，检测代码代码插件
VsCode中Vue代码格式插件，Vetur、ESLint 、Prettier - Code formatter的介绍使用及相关配置
qq_46255808的博客
02-21 3937
Vetur是一款Vue代码高亮显示的一款插件，在没有使用此插件前，以 .vue的文件名代码是没有颜色的！！！安装步骤：在扩展商店中搜索（ Vetur ）点击安装。
vue vscode代码格式化插件配置
ZHANG_666
12-14 7658
扩展商店搜索Vetur 选择扩展此设置 加入 "vetur.format.defaultFormatterOptions": { "prettyhtml": { "printWidth": 300, // No line exceeds 300 characters "singleQuote": false // Prefer double quotes over single quotes } } 格式化之前
eslint 保存自动格式化_ESLint一款可组装的JavaScript和JSX检查工具
weixin_39639518的博客
11-30 261
使用vs code为例，创建项目ESLintDemonpm initnpm install --save-dev eslingeslint --init项目的基本目录产生.eslintrc文件，根据执行过程中选择会产生不同格式的文件类型，这里以json格式为例，比如我在项目中配置的.eslintrc.json文件{ "env": { "es6": true, "n...
eslint插件
03-27
资源为eslint代码检查插件，可以直接下载使用，按照官网配置设置就行
vue 项目的 Eslint 代码规范
NolanKy 的 技术博客
11-27 1784
下载安装Eslint 全局安装： npm install -g eslint 项目安装： npm install eslint --save-dev 注意： 1.如果你想你所有项目都使用eslint，请全局安装；如果你想当前项目使用，请局部安装。 2.局部安装时请使用–save-dev，因为eslint是适用于开发环境（Software Development Environment，SDE）的插件，qing请不要添加到生产环境中。 接下来需要初始化esLint： eslint --init 上面的这
Eslint插件使用配置, 规范化开发, 详细配置流程
共同学习，共同成长
04-29 1919
Eslint插件使用配置, 规范化开发, 详细配置流程
vue 代码格式化（VS code）
qq_38210427的博客
04-03 2436
1、安装了vetur（Vue tooling for VS Code）扩展插件。在扩展中搜索vetur，然后点击安装。2、直接（或者 选中你想格式化的代码），右键，选择“格式化文档“，另外是直接快捷键”Shift+Alt+F”，即可。
Eslint 自定义插件
qq_38916811的博客
01-17 1144
实现一个 eslint 自动对 import 中花括号换行的插件，包括对花括号中属性进行排序的插件
sublime插件记录
weixin_33727510的博客
07-19 109
.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...
VS Code Vue代码格式化
邱新磊的博客
09-20 1151
{     // 工作区颜色主题(Vue Theme)     "workbench.colorTheme": "Vue Theme",     // 工作区图标主题(vscode-icons)     "workbench.iconTheme": "vscode-icons",     // vetur使用格式化插件:js-beautify-html     "vetur.format...
ESlint插件自动格式化配置
lryh_的博客
04-06 1456
ESlint插件自动格式化配置手册
推荐一款必备的VS Code插件：ESLint扩展
gitblog_00087的博客
05-13 474
推荐一款必备的VS Code插件：ESLint扩展 vscode-eslintVSCode extension to integrate eslint into VSCode项目地址:https://gitcode.com/gh_mirrors/vs/vscode-eslint 在编程世界中，代码质量和一致性至关重要，这就是为什么我们需要高效的工具来帮助我们实现这一目标。VS Code ESLi...
ESLint插件开发
星环
04-15 565
项目中添加插件之后，插件中导出的规则默认情况下是关闭的，需要使用者逐一开启，使用不方便。然后在安装了ESLint插件的编辑器中鼠标悬浮的出问题的代码上，点击快速修复，或者直接使用快捷键（ Ctrl+O Ctrl+O）就会弹出弹窗展示建议。将当前的包链接到本地全局模块，由于我们自己开发的npm并没有发布，所以通过npm link命令将该包发布到本地，然后在需要使用的项目中通过。或者编辑器插件修复，将会直接修复相关问题，而提供建议则是依靠编辑器插件给用户提供选择，告诉用户有更好的实现如果用户选择了则才会修复。
评论 23
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值