今天用之前vue-cli3搭建的项目开始进行开发，发现每次启动服务时都会弹出编译错误，我就简单的写了两个页面，在layout.vue中引入了header.vue（里面基本没什么内容），然后根据提示去查看代码，怎么也没看出问题出现在哪里。虽然报错了，但是服务还是正常启动了，在浏览器上访问http://localhost:8080/可以查看到写的内
转载
2024-04-25 16:39:29
45阅读
Eslint代码校验规则配置
今天在编写好vue项目代码时，在命令行输入npm start的时候出现了如下图所示的一大堆错误：在网上查找资料说是缺少EsLint配置文件的问题，最终找到一篇由 hahazexia 编写的一篇博客文章，就是关于EsLint配置的文章，现将该文章的链接粘贴出来，方便大家翻阅：，在此特地感谢 hahazexia ，让我知道了Es
转载
2024-07-31 17:16:55
95阅读
eslint配置方式注释配置：使用js注释来直接嵌入ESLint配置信息到一个文件里配置文件：使用一个js文件，JSON或者YAML文件来给整个目录和它的子目录指定配置信息。这些配置可以写在一个文件名为.eslintrc.*的文件或者在package.json文件里的eslintConfig项里，这两种方式ESLint都会自动寻找然后读取，或者你也可以在命令行里指定一个配置文件。ESLint的规则
转载
2024-09-26 17:28:32
263阅读
在vscode中编写vue程序，对于语法什么的还是需要插件来帮助初学者养成良好的变成规范。eslint加上prettier确实是很棒的插件。但是在编码的过程中，总会有一些烦人的验证，但在开发中其实并没有什么太大的影响，所以我们可以根据自己的需要对规则进行一下设置或者取消。我们只需要修改打开根目录下的eslintrc.js在rules下添加相应的规则就好'semi': 00表示关闭改规则
转载
2024-03-25 18:14:23
642阅读
今天在编写好vue项目代码时，在命令行输入npm start的时候出现了如下图所示的一大堆错误：在网上查找资料说是缺少EsLint配置文件的问题，最终找到一篇由 hahazexia 编写的一篇博客文章，就是关于EsLint配置的文章，现将该文章的链接粘贴出来，方便大家翻阅：，在此特地感谢 hahazexia ，让我知道了EsLint配置文件中规则的编写以及每一种规则对应的含义。现将.eslintr
转载
2024-08-20 21:56:14
472阅读
刚开始写vue项目的时候，会出现一些基础的错误，这里小小的总结一下。一、space、tab报错Unexpected tab character
Missing space before function parentheses
expected "indent", got "outdent"这些报错都是空格和tab的报错问题解决方法：1、因为你设置了eslint，如果你不想有规范的js代码，可以重
转载
2024-05-28 19:27:42
123阅读
在使用脚手架创建Vue项目时，一般会安装Eslint插件，这个主要是校验代码格式和规范用的，但是它很有点让人抓狂，因为很多校验规则和代码规范，你只要不按照它的格式来，直接导致项目编译报错，运行不了项目，这个是非常令人讨厌的。它不像idea里安装alibaba插件，校验代码规范只是会提示，并不会导致你项目都不能编译和运行。尤其小白刚学习Vue和使用这插件时，那简直是痛苦不堪，深受其害（有人说不装那插
转载
2024-06-28 23:32:24
116阅读
ESLint配置选项eslint配置方式注释配置：使用js注释来直接嵌入ESLint配置信息到一个文件里配置文件：使用一个js文件，JSON或者YAML文件来给整个目录和它的子目录指定配置信息。这些配置可以写在一个文件名为.eslintrc.*的文件或者在package.json文件里的eslintConfig项里，这两种方式ESLint都会自动寻找然后读取，或者你也可以在命令行里指定一个配置文件
React - 监听器执行Hook不生效的闭包性问题前言一. 案例及分析1.1 useEffect的闭包性1.2 瀑布流伪代码优化 前言前几天自己写了一个简单的瀑布流：React - 实现瀑布流加载。当时的代码编写里面，其实是待优化的地方。只不过当时由于问题还没解决，就用了其它方案来代替。因此本篇文章，就对这个问题做一个探究：闭包性和state值更改。一. 案例及分析import React,
“不以规矩，不能成方圆”。有时候我们很任性，每个人都有自己的风格，但是团队意识中，如果按个性行事，降低的只有效率，所以我们要有一定的规则惊醒检验，从而达到效率化、质量化。下面我们谈谈Vue中ESlint配置文件.eslintrc文件：官网：ESlint检验规则vue cli拉取下面模板添加ESlint检验规则时会默认添加相对应的检验规则的。module.exports = {
root: tr
转载
2024-07-03 08:32:12
748阅读
点赞
问题背景在使用vscode自动保存的时候发现每次保存格式都有问题。解决问题分析问题保存格式无非就几种vscode的本身的保存格式使用eslint配置的保
原创
2022-07-11 10:37:47
274阅读
从SVN上拉下代码后发现文件都爆红，肯定是eslint格式的问题,怎么解决呢？直接在项目的根目录下新建一个.eslintrc文件，然后里面的内容是如下：，最后再重新打开项目就好啦module.exports = { root: true, env: { node: true }, extends: ['
原创
2022-05-31 10:06:12
782阅读
修改配置文件，没有就新建 vue.config.jsmodule.exports = { lintOnSave: false}参考vue项目中关闭eslint的方法
原创
2022-03-01 09:32:18
2131阅读
修改配置文件，没有就新建 vue.config.jsmodule.exports = { lintOnSave: false}参考vue项目中关闭eslint的方法
原创
2021-07-12 10:20:22
2278阅读
Eslint安装⚠️：Eslint安装可用必须是在node和npm环境全局安装Eslintnpm install -g eslint生成package.json文件npm init生成 eslintrc.js文件eslint --init⚠️：如果我们的项目没有package.json文件，此时报错就会提示需要执行命令npm init 执行命令完成后就会在根目录生成一个.eslintrc.js文件
转载
2024-09-10 10:37:56
103阅读
eslint 报错解决
1.问题产生
在 GitHub 上找到一个 Vue2 后台管理模板后，我将业务代码（约 100 多个文件）整合到该模板中。运行项目时，ESLint 报出了大量错误（2481 个错误和 345 个警告）。虽然项目可以正常运行，但这些错误提示严重影响开发体验。
2.解决方案
1. eslint 自动修复
1.1 package.json 中定义的一个 npm 脚本命令
**
俗话说得好，工欲善其事必先利其器，想要熟练开发Vue项目，一个好的开发环境就是必不可少了，这里我就选用了vscode作为开发工具，毕竟vscode免费，还跨平台，应用范围也广，著名的vue开源项目：后台管理平台(vue-element-admin)的大神在文档中就推荐采用vscode+eslint，号称“绝对有种飞一般的感觉”。为了达到大神所说的效果，我们这就来研究一下如何在vscode中配置好e
转载
2024-08-28 12:53:29
825阅读
持续更新 Vue CLI 最新版本创建的应用规则module.exports = {
root: true,
env: {
browser: true,
node: true,
es6: true
},
extends: ["plugin:vue/recommended", "@vue/standard"],
parserOptions: {
p
转载
2024-07-30 15:25:45
142阅读
一、eslint基本配置1、安装npm install -g eslint安装如下相关依赖"eslint": "^7.5.0",
"eslint-config-standard": "^14.1.1",
"eslint-friendly-formatter": "^4.0.1",
"eslint-loader": "^4.0.2",
"eslin
转载
2024-03-27 12:32:38
260阅读
1. yarn create vite 初始化创建项目2. yarn add eslint -D 安装 eslint3. eslint --init 初始化项目1.选择 To check syntax and find problems 检查语法并发现问题 2. 选择 JavaScript modules es6 规范 3. 选择 vue
转载
2024-04-23 15:41:01
404阅读
