Eslint的基础使用

最新推荐文章于 2023-09-07 17:42:33 发布
最新推荐文章于 2023-09-07 17:42:33 发布
阅读量1.6k 收藏
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46949165/article/details/108460902
版权

ESLint 是一个插件化并且可配置的 JavaScript 语法规则和代码风格的检查工具。ESLint 能够帮你轻松写出高质量的 JavaScript 代码

ESLint的使用简单，方便，接下来从搭建一个项目的初始说一下使用流程：

1创建一个文件（英文名称，不能含中文）

文件里新建一个src文件夹
在这里插入图片描述

2.与src同级初始化一个包

npm init

此时文件目录多了一个package.json的文件

3.安装eslint（开发环境）

  • 安装eslint
npm i eslint -D
  • 查看eslint版本号
npx eslint -v
  • 查看eslint的所有命令
npx eslint
最低0.47元/天 解锁文章
yanyan621
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
eslint-config-trybe:使用的ESLint共享配置程序包为Trybe
03-13
基础，前端和后端模块中的项目所使用的ESLint共享配置 安装 所有三个软件包的说明都应该相同，唯一的区别是软件包名称。 这些是每个模块的软件包名称： 基础知识： eslint-config-trybe-fundamentals 前端： ...
你还在用旧版本的 ESLint 吗？快来看看最新版
最新发布
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
04-19 431
ESLint 社区在 4 月 5 日迎来了一个里程碑式的更新，正式发布了 v9.0.0 版本。这一版本包含了许多重要的变化和改进，为 JavaScript 代码的静态分析带来了新的功能和更强的灵活性。以下是此次更新的主要内容：安装升级现有的 ESLint 用户可以通过以下命令将 ESLint 升级到最新版本：npmieslint@9.0.0--save-dev迁移指南由于此次更新涉及大量更改...
前端工具-ESlint
sqLeiQ的博客
12-14 1272
ESLint 是一个开源的 JavaScript 代码检查工具。它可以帮助我们去检查js代码中可能潜在的问题,并且有利于形成良好的编码习惯。无论你是不是初学者都应该尽早去使用它。 1 简介 本文介绍了ESlint的基本使用方法：安装，配置，使用。不涉及具体的开发工具和前端工程。 只要你在使用js写代码就可以按本文介绍的步骤去使用这个强大的工具了。 2 主要内容 •基本介绍•它能做什么•安装及基本使用•规则说明•应用规则 3 基本介绍 ESLint 是一个开源的 JavaScript 代码检.
【前端工程化】安装一个npm包（如：esbuild）运行命令后，显示 command not found: esbuild，怎么看版本号，./node_modules/.bin文件夹的作用
qq_17335549的博客
09-09 1890
安装一个npm包（如：esbuild）运行命令后，显示 command not found: esbuild，怎么看版本号，./node_modules/.bin文件夹的作用
Vue2相关组件项目依赖版本信息
Mr Dear的博客
10-19 2402
Vue2相关组件项目依赖版本信息
npm相关处理合集
weixin_50651378的博客
07-15 907
1、npm配置淘宝镜像； 2、npm与node版本问题解决； 3、npm ERR! A complete log of this run can be found in 报错解决； 4、Syntax Error: TypeError: Cannot read property 'range' of null报错解决
指定版本eslint
qq_45838276的博客
03-15 3134
cnpm i -D eslint@6 注意：这里时指定了版本为6的eslint
浅谈开发eslint规则
01-19
开发 eslint 规则 前端的日常开发离不开各种 lint 的支持，使用 lint 的一种误解是：个人能力不足，必须 lint 规范才能写出规范的代码，实际上规范的定义主要取决... 在原有的 eslint 的基础上配置些 config（具体规则
eslint-format：使用ESLint格式化代码
03-04
安装apm install eslint-format eslint-format将查找项目本地的eslint版本，并在可用的情况下使用它。 如果未找到，它将退回到其附带的版本。 可以说，您依赖于eslint的特定版本，也许它具有未发布的功能，也许它比...
在React项目中使用Eslint代码检查工具及常见问题
12-09
背景 最近使用 create-react-app 创建了一个项目。但是众所周知的是，这个脚手架创建的项目...安装完成之后，我们先创建基础的 .eslintrc.yml （建议使用 .yml 格式，json/js 格式也可以）： ./node_modules/.bin/esl
vim-eslint：ESLint的Vim插件
02-04
vim-eslint：ESLint的Vim插件
npm Eslint 报错
林太白
02-01 1434
它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存。运行完后会生成一个 package-lock.json 的文件，该文件主要作用就是锁定安装包的版本号，以确保项目其他成员在npm install时大家的依赖一致。–legacy-peer-deps：安装时忽略所有peerDependencies，忽视依赖冲突，采用npm版本4到版本6的样式去安装依赖，已有的依赖不会覆盖。
在IDEA中配置eslint和prettier
VAMPIRE_F的博客
09-07 4020
在IDEA中配置ESlint和prettier
nodejs package.json 的版本号 ^ 和 ~
young_sam的博客
02-11 989
package.json "devDependencies": { "babel-loader": "~8.1.0", "concurrently": "^5.2.0", "eslint": "7.5.0", } 可以看到依赖包对应的版本号 "eslint": "7.5.0" 这里就是下载 7.5.0 版本 "concurrently": "^5.2.0" 这里就会下载 5.x.x最新版本，简单来说会下载 5开头最新版本，假如有个6.x.x版本出现，不会更新到6.x.x.
Vue中使用eslint代码检测
a8725585的博客
04-25 4994
如何使用1、第一种 使用脚手架时配置使用vue-cli脚手架构建webpack模板的vue项目时会询问你是否使用eslint 选择yes 之后选择检测的配置文件a.选择eslint语法检测b.选择配置文件这里我选择的standard 据说airbnb非常严格这样生成之后就自带了代码检测测试一下cd myapp npm run dev 显示没问题接下来我们将代码修改一下出错了函数和参数需要有空格。2...
Eslint第一篇（安装和初始化）
Itqiandao的博客
03-19 878
一、确认eslint已安装 通过命令eslint --v 未安装的话，通过npm i -g eslint@latest 安装最新版本 二、项目初始化eslint配置 运行eslint --init 如何使用eslint，选择第三点 项目使用什么类型模块？ 选择import/export 项目使用什么框架？选择vue。 项目代码运行在什么地方？ 多选全选上（PS：空格选择） 项目代码风格是什么？选择一个流行的 选择编码规范？ 我们选择standard规范 配置
ESLint配置解析
shengjon的博客
11-25 3879
eslint 本身是一个语法规范检查的包。
vue项目中ESLint配置
你怎么也喜欢嘴巴嘟嘟
07-26 6096
ESlint 被设计为完全可配置的，这意味着你可以关闭每一个规则而只运行基本语法验证，或混合和匹配 ESLint 默认绑定的规则和你的自定义规则，以让 ESLint 更适合你的项目。
vue3+ts使用eslint
07-28
在使用Vue3+TypeScript时，可以使用ESLint来进行代码规范和错误检查。首先，你可以使用Vite脚手架创建一个Vue3+TypeScript项目，并进行ESLint的配置。你可以使用Standard规范作为基础配置，并且可以将其应用到你的个人项目中。\[1\] 在配置ESLint时，你需要创建一个.eslintrc.cjs文件，并在其中进行配置。你可以使用以下配置作为参考：\[2\] ```javascript module.exports = { env: { browser: true, es2021: true, node: true, }, extends: \[ 'eslint:recommended', 'plugin:vue/vue3-recommended', 'plugin:prettier/recommended', 'eslint-config-prettier', \], parser: 'vue-eslint-parser', parserOptions: { ecmaVersion: 'latest', sourceType: 'module', parser: '@typescript-eslint/parser', ecmaFeatures: { modules: true, jsx: true, }, }, plugins: \['vue', 'prettier', '@typescript-eslint'\], globals: {}, rules: {}, } ``` 如果你想根据Vue3官方文档中提到的eslint-plugin-vue的指引进行配置，你可以在.eslintrc.cjs文件中添加一些配置项。例如：\[3\] ```javascript module.exports = { // ... parser: 'vue-eslint-parser', parserOptions: { parser: '@typescript-eslint/parser', // ... }, // ... } ``` 这样，你就可以在Vue3+TypeScript项目中使用ESLint进行代码规范和错误检查了。 #### 引用[.reference_title] - *1* *3* [Vite 创建 Vue3+TS 项目配置 ESLint](https://blog.csdn.net/qq_41581588/article/details/130052727)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [vite + vue3 + ts + esLint + prettier 配置](https://blog.csdn.net/weixin_44440116/article/details/129837795)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值