vue项目中开启Eslint碰到的一些问题及其规范

最新推荐文章于 2024-05-16 20:54:30 发布
最新推荐文章于 2024-05-16 20:54:30 发布
阅读量607 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://juejin.im/post/5d5ce465f265da03f12e5e02
版权
weixin_30809173
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue项目关于eslint
for_weber的博客
05-16 1912
    新公司的Vue项目没有配置eslint，虽然平时coding的时候都会按照eslint的标准去写，但是没有统一的配置后期项目代码review的时候总还是不太方便。    Vue的项目配置eslint还是很简单的。它属于依赖插件中的一种，可以像安装其他插件一样在命令行用npm install eslint -g安装，也可以修改package.json文件去更新项目的依赖包，重新跑一遍npm ...
vue.js项目运行时有关ESLint的报错
weixin_39364840的博客
08-31 1336
vue.js项目运行时却报下面的错： 查了一下，发现是由于ESLint引起的，ESLint是一个语法规范和检查错误的工具，如果使用这个语法规范工具，报错的时候可以在Errors里点开链接查看是哪里写的不规范。 如果不使用这个工具可以在webpack.base.conf.js文件中找到这句话： ...(config.dev.useEslint ? [createLintingRule()...
Web前端最全Vue 项目eslint 配置编程风格（VScode）(2)，面试相关知识
最新发布
2401_84617772的博客
05-16 763
秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】高级前端工程师必备资料包。
vue环境项目启动后因为eslint语法限制报错
weixin_30849403的博客
04-29 384
报错太多，截取了一部分。 解决方法找到项目根目录的build 找到webpack.base.conf.js 打开js文件找到下图的位置 再重新启动项目就好了 转载于:https://www.cnblogs.com/lin-white/p/10789655.html...
自己使用Vue全家桶问题合集（很多eslint规范问题）
weixin_30414305的博客
04-04 378
遇到很多问题一一道来。 1.vue报错 Do not use built-in or reserved HTML elements as component id:header 组件，不能和html标签重复 header组件，h5新标签重复 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 　　　　一是完全不合法的标签名，例如 <...
npm install -save 和 -save-dev
weixin_33819479的博客
04-19 200
npm install packageName //本地安装，安装到项目目录下，不在package.json中写入依赖npm install packageName -g //全局安装，安装在Node安装目录下的node_modules下npm install packageName --save //安装到项目目录下，...
vue项目中使用eslint+prettier规范与检查代码的方法
10-15
在Vue项目中，为了保证代码质量和团队协作的顺畅性，我们可以使用ESLint和Prettier进行代码规范和检查。这两个工具分别专注于静态代码分析和自动格式化，它们可以帮助开发者遵循一致的编码风格，并发现潜在的错误。 ...
在Vue项目中取消ESLint代码检测的步骤讲解
10-17
今天小编就为大家分享一篇关于在Vue项目中取消ESLint代码检测的步骤讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
Vue项目中ESlint规范示例代码
10-16
以下是一些在Vue项目中常见的ESLint配置示例，这些规则涵盖了Vue组件和JavaScript语法的多个方面： 1. `vue/max-attributes-per-line`: 这个规则规定了Vue组件中属性的最大数量，当超过限制时，应将它们分成多行。...
vue-cli4项目开启eslint保存时自动格式问题
10-15
在 Vue CLI 4 项目中开启 ESLint 并配置保存时自动格式化，可以帮助开发者保持代码一致性，提高团队合作效率。 首先，你需要在 Visual Studio Code (VSCode) 中安装 ESLint 插件。在 VSCode 扩展市场搜索 `eslint`...
ESLint配置：eslint默认及自定义规则介绍
mrzhangdulin的博客
09-02 2万+
ESLint 配置 一、eslint 安装 1、全局安装 npm i -g eslint 全局安装的好处是，在任何项目我们都可以使用eslint的全局命令进行代码规则操作，但是这对我们的意义并不大，后续会详细介绍； 全局安装之后，要求相关的eslint插件页必须全局安装，这对多人开发项目来说会比项目安装更加繁琐。所以，我们这里采用在项目上安装eslint： 2、项目安装 npm i -D esli...
Eslint:新建vue2项目使用eslint，vue2项目eslint自动化，Eslint + standard标准+commitLint
weixin_43239880的博客
04-20 3381
新建vue2项目使用eslint，vue2项目eslint自动化，Eslint + standard标准+commitLint
在VUE应用中配置ESLint(代码检查)
热门推荐
heyw的博客
09-11 4万+
eslint配置方式 注释配置：使用js注释来直接嵌入ESLint配置信息到一个文件里 配置文件：使用一个js文件，JSON或者YAML文件来给整个目录和它的子目录指定配置信息。这些配置可以写在一个文件名为.eslintrc.*的文件或者在package.json文件里的eslintConfig项里， 这两种方式ESLint都会自动寻找然后读取，或者你也可以在命令行里指定一个配置文件。  ...
VScode安装了ESlint以后不管用、不生效的解决办法
个人博客：www.chaichaisocute.top
08-03 3098
3.我自己没成功的原因：eslintrc.js外面只能有一层文件夹！1.安装的ESlint版本太高，和项目不兼容，C站有讲类似的，这里就不过多。2.setting.json没配置好，以下提供本人的配置供作参考。生命不息，学习不止，键盘敲烂，月薪过万！...
vue项目中配置ESLint
carolyn30的博客
10-17 5089
ESLint主要是用于代码检查，这在项目中必不可少，我们来看看怎么配置ESLint吧
vsCode中配置项目EsLint
webscript的博客
12-24 2951
vsCode中配置EsLint，使代码保存后根据项目中.eslint配置文件自动格式化代码； 安装下载所需vs code插件 HTML Snippets（html代码补全） ESLint（代码风格检查与规范） vetur （语法高亮） Prettier - Code formatter （只关注格式化，并不具有eslint检查语法等能力，只关心格式化文件(最大长度、混合标签和空格、引用样式等...
vue中如何使用ESlint开发
swoly2894265391的博客
06-22 1007
在开发中每个人写代码的风格都不尽相同,在后续协同开发时,就会出现很多问题,因此我们可以按照w3c标准利用ESLint来规范代码格式但是在下载ESLint 之后不能很好的使用,在我配置很多次都有问题后终于发现了一个很好的方法,推荐你们种草. 配置vscode===>setting.json...
eslint整改代码遇到的问题和解决方案
weixin_42436131的博客
11-12 2万+
1.Identifier xxxxxx is not in camel case. 问题描述：意思就是xxxxxx这个没有用驼峰法命名 举例：<img src={default_logo} alt="图标" />像这里的default_logo 解决：命名改成驼峰法就行<img src={defaultLogo} alt="图标" />     2.xxxxxx is never reassigned. Use const instead. 问题描述：意思就是xxxxxx这个定义了但
vue项目中，使用eslint对css进行规范约束
07-13
在Vue项目中，您可以使用ESLint来对CSS进行规范约束。 首先，确保您已经安装了ESLint和相关的插件。然后，在项目根目录下创建一个`.eslintrc.js`文件，并将以下内容添加到文件中： ```javascript module.exports = { // ... plugins: ['stylelint'], extends: ['plugin:vue/recommended', 'stylelint/recommended'], rules: { // 添加您需要的规则 }, }; ``` 上述配置中，我们通过`plugin:vue/recommended`扩展了Vue的推荐规则，并通过`stylelint/recommended`扩展了Stylelint的推荐规则。 接下来，您还需要安装Stylelint相关的插件。在命令行中运行以下命令： ``` npm install --save-dev stylelint stylelint-config-recommended stylelint-config-standard stylelint-order stylelint-webpack-plugin ``` 安装完成后，您可以在`.stylelintrc.js`文件中添加自定义的CSS规则。例如： ```javascript module.exports = { // ... plugins: ['stylelint'], extends: ['plugin:vue/recommended', 'stylelint/recommended'], rules: { // 添加您需要的规则 'color-hex-case': 'lower', // 颜色值使用小写字母 'color-hex-length': 'short', // 颜色值使用短格式（例如 #aaa） 'selector-pseudo-class-no-unknown': [true, { ignorePseudoClasses: ['deep'] }], // 忽略未知的伪类选择器，例如 ::v-deep }, }; ``` 在配置完成后，您可以使用ESLint来检查和修复CSS文件的规范问题。可以通过以下命令运行检查： ``` npx eslint --ext .css src/ ``` 如果您希望自动修复规范问题，可以添加`--fix`选项： ``` npx eslint --ext .css src/ --fix ``` 这样，您就可以在Vue项目中使用ESLint对CSS进行规范约束了。希望对您有帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值