VSCode+Javascript+Eslint插件配置

最新推荐文章于 2024-07-12 11:17:07 发布
最新推荐文章于 2024-07-12 11:17:07 发布
阅读量381 收藏 1
点赞数
分类专栏： IDE 前端 # 自动化测试 文章标签： javascript 前端 visual studio code
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sayuonly/article/details/115705234
版权
本文介绍了如何在不依赖npm插件库的情况下，利用VSCode内置的Eslint插件进行JavaScript代码的检查和修复。通过创建项目工作区，配置settings.json，设置Eslint，实现代码保存时自动检查与修复。但由于未启用npm插件库，html内的js代码无法被检测和修复。
摘要由CSDN通过智能技术生成

在个人学习项目中，为了不依赖npm的插件库，可以在最小的包里练习代码，我尝试启用VSCode的插件库中的Eslint插件来进行代码检查和修复。

在这里插入图片描述

如何配置插件呢？查看了插件介绍之后我得到了如下解决方案。

首先，创建项目的工作区。

在这里插入图片描述

工作区保存在自己的项目文件根目录即可。工作区的优势就是可以根据项目的需要配置插件，优化软件加载；也可以根据项目需要配置settings。

接下来，我们先配置默认的settings.json。

{
   
  "eslint.run": "onSave", // 保存时运行
  "eslint.format.enable"
最低0.47元/天 解锁文章
acgCode
关注
专栏目录
在VScode中配置ESLint和prettier插件
酷爱前端的小陈博客
05-04 9757
1、ESLint工具介绍 可组装的JavaScript和JSX检查工具 用来团队开发整顿代码的风格（例如代码后面是否加“ ；”，代码前使用4个空格，还是两个空格或是一个Tab键） 使用方法查阅官方网址 ESLint官方文档http://eslint.cn/ 2、在VScode中配置ESLint工具 首先在VScode中搜索tabsize 在VScode中搜索format 3、创建带有ESLint工具 的Vue项目 找到需要创建项目的根目录 ......
vscode中eslint插件的配置（prettier配置无效）
12-08
用vue-cli构建vue项目，会有个eslint代码检测的安装 可vscode自带代码格式化是prettier格式（右键有格式化文件或alt+shift+f） 这时候要在vscode上装一个eslint插件 装完后在文件—–》首选项——-》设置里找到settings.json（快捷键忘了） eslint配置如下，（配置的·具体详情还有待研究，我也是网上copy的，不过亲测可用）。保存配置后每次写.vue文件只要control+s保存，就可以把代码格式改成符合eslint标准 "eslint.autoFixOnSave": true, // 专门写Vue的eslint配置 "eslint
VSCode配置JavaScript基于Node.js的调试环境
Luminary的技术烟火
04-02 1万+
一、安装VSCode和Node.js        前言：做科研之后确实很少会总结积累，可能是科研中出现的问题的解决方法比较多样灵活，别说了其实就是偷懒哈哈哈哈哈。这不又要做前端才又开始写博客记录环境配置了。行了不说废话了赶紧开始正文。        再啰嗦一句，本文配置的环境主要针对单独JS文件的断点调试，主要是为了调试LeetCode里面的代码。 本人环境： Vi
如何在VSCode中进行JavaScript调试
最新发布
sg_knight的专栏
07-12 1128
在JavaScript开发中，调试是一个关键的过程，它帮助我们理解和修复代码中的问题。Visual Studio Code（VSCode）以其丰富的扩展和内置调试工具，为JavaScript开发者提供了强大的支持。本文将详细介绍如何在VSCode中进行JavaScript调试。
ESLint插件配置
FezZZZ的博客
11-13 2096
在settings.json里填写 "editor.codeActionsOnSave": { "source.fixAll": true }, 在settings.json里填写 "prettier.configPath": "C:\\Users\\Default\\.prettierrc", "eslint.alwaysShowStatus": true, "prettier.trailingComma": "none"...
vscode 插件 eslint 配置
你要走就走的博客
04-16 1139
vscode 插件 eslint 配置 配置 settings.json 方法1 { "editor.fontSize": 14, // 字体大小 "editor.tabSize": 2, // 设定tabsize缩进的空格，editor.detectIndentation启用时会覆盖该设置 // "http.proxyAuthorization": "false", // 关闭一些代理引发的警告 /********************************* ESLint 插件 *
【ESLint】ESLint的安装配置及vscode插件
早睡早起长头发的博客
01-28 3880
ESLint是可组装的JavaScript和JSX检查工具。工作中常用，所以最好有所了解。ESLint - Pluggable JavaScript linter - ESLint中文ESLint// ESLint 插件的配置},
开发工具+VSCODE+离线汉化插件+插件安装说明
09-24
- **Debugger for Chrome**：方便的Chrome浏览器调试工具，可以直接在VSCODE中调试运行在Chrome上的JavaScript代码。 - **Path Intellisense**：提供路径自动补全功能，提高开发效率。 - **ESLint**：静态代码分析...
vscode 配置vue+vetur+eslint+prettier自动格式化功能
10-15
在本文中，我们将详细介绍如何配置 VSCode 以实现 Vue 项目的自动格式化功能，利用 Vetur、ESLint 和 Prettier 进行协同工作。 首先，Vetur 是一个专门为 Vue.js 设计的 VSCode 扩展。它提供了诸如语法高亮、智能...
vue3 + vite + js 配置Eslint + prettier_vite+js+vue3配置eslint
2401_84446882的博客
04-29 1125
在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。HTML5新特性，语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签。
eslint插件
03-27
资源为eslint代码检查插件，可以直接下载使用，按照官网配置设置就行
详解Vscode中使用Eslint终极配置大全
10-16
主要介绍了详解Vscode中使用Eslint终极配置大全，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
VSCode配置JavaScript环境
QMmNnHhJJNNNNNN的博客
07-12 7452
VSCode js环境搭建
VSCODE中配置JavaScript编译环境
热门推荐
06-26 3万+
VSCODE中配置JavaScript编译环境
Eslint插件使用配置, 规范化开发, 详细配置流程
共同学习，共同成长
04-29 2092
Eslint插件使用配置, 规范化开发, 详细配置流程
VSCode配置调试JavaScript代码
小火车况且况且况且的博客
02-22 1348
官网说明调试点击行号边上的空白区域就可以添加标记 按下F5按钮出现调试工具，图标代表的意思和浏览器的调试工具一致官网说明
VSCode 配置javascript环境，你知道吗？
如沐清风的博客
04-23 1万+
VSCode是真的强大，下载链接： 点这里 一路next，安装成功后，为了写js或html一定要下载的插件：live server、bracket pair colorizer和JavaScript(ES6) code snippets live server：修改好后直接保存刷新网页就可以看到修改后的效果 bracket pair colorizer：当一条语句中包括多个()或[]等时，...
vscode配置eslint
weixin_35751194的博客
02-14 655
在 Visual Studio Code 中配置 ESLint 的步骤如下： 安装 ESLint 插件：在 Visual Studio Code 中打开扩展商店，搜索并安装 ESLint 插件。 在项目根目录中初始化 ESLint：在终端中运行以下命令： npm init -y npm install eslint --save-dev ./node_modules/.bin/eslint...
VSCode 自动保存与 Prettier ESLint 配置教程
"VSCode 自动保存与 Prettier 及 ESLint 配置" VSCode（Visual Studio Code）是一款非常流行的源代码编辑器，它提供了丰富的可扩展性，允许用户根据自己的需求定制各种功能。在开发过程中，自动保存和代码格式化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值