Vue如何配置eslint

eslint官网:

eslint.bootcss.com

eslicate如何配置

1、选择新的配置:

2、选择三个必选项

3、再选择Css预处理器

4、之后选择处理器

5、选择是提交的时候就进行保存模式

6、放到独立的配置文件上去

7、最后一句是将自己的数据存为预设

8、配合console不要出现的规则:

9、进行更多规则查询的时候,我们可以进入到eslint官网上进查询:eslint.bootcss.com

10、这里是固定的写法,意思是想达成什么样的发布模式,production代表着生产模式,warn的意思是爆一个黄色的警报,如果是发布模式会爆黄色警报

11、VScode如何配置eslint:

12、你发生错误之后,他都可能告诉你需要满足什么规则

13、一般把他复制ctrl f,然后到官网然后查找一下。

使用eslint,第一步到官网复制option,然后粘贴到eslint.js文件中

上面两行需要复制

14、vscode配置eslint插件

15、 现在配置项中点击右键,然后点击右上角的配置选项

16 在头部配置eslint 的配置选项,复制好一串代码:

17、第二个配置的代码-pretty的配置

18、将该文件放到对应位置,如C盘下的某个位置,跟第一行一样(查U盘资料)

19、注意想使用eslint插件-vscode插件有个bug,必须开发那个项目,就打开那个项目

20、右键选择格式化文档

21、 如果想要改成格式化文档,先要改成默认的形式,点击默认的形式

相关推荐
Uyker1 小时前
从零开始制作小程序简单概述
前端·微信小程序·小程序
Dontla4 小时前
为什么React列表项需要key?(React key)(稳定的唯一标识key有助于React虚拟DOM优化重绘大型列表)
javascript·react.js·ecmascript
EndingCoder5 小时前
React从基础入门到高级实战:React 实战项目 - 项目三:实时聊天应用
前端·react.js·架构·前端框架
阿阳微客6 小时前
Steam 搬砖项目深度拆解:从抵触到真香的转型之路
前端·笔记·学习·游戏
德育处主任Pro6 小时前
『React』Fragment的用法及简写形式
前端·javascript·react.js
CodeBlossom7 小时前
javaweb -html -CSS
前端·javascript·html
CodeCraft Studio7 小时前
【案例分享】如何借助JS UI组件库DHTMLX Suite构建高效物联网IIoT平台
javascript·物联网·ui
打小就很皮...7 小时前
HBuilder 发行Android(apk包)全流程指南
前端·javascript·微信小程序
集成显卡8 小时前
PlayWright | 初识微软出品的 WEB 应用自动化测试框架
前端·chrome·测试工具·microsoft·自动化·edge浏览器
前端小趴菜059 小时前
React - 组件通信
前端·react.js·前端框架