Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >VSCode配置Eslint保存时候自动格式化

VSCode配置Eslint保存时候自动格式化

跟着阿笨一起玩NET

发布于 2020-06-29 07:57:14

发布于 2020-06-29 07:57:14

2.8K00

代码可运行

举报

文章被收录于专栏：跟着阿笨一起玩NET跟着阿笨一起玩NET

运行总次数：0

代码可运行

Vscode配置Eslint - wu小强 - 博客园

https://www.cnblogs.com/cbpm-wuhq/p/12446880.html

一:配置vue的校验以及自动修补补全

1:全局安装eslint

npm install -g eslint 2: 打开vscode 点击 “文件”-----》“首选项”----》“设置”，在右侧“用户设置/settings.json”里加入一下配置：

{
    //eslint 代码自动检查相关配置
 
    "eslint.enable": true,
    "eslint.autoFixOnSave": true,
    "eslint.run": "onType",
    "eslint.options": {
        "extensions": [".js",".vue"]
    },
    "eslint.validate": [
        "javascriptreact",
        "vue",
        "javascript", {
            "language": "vue",
            "autoFix": true
        },
        "html", {
          "language": "html",
          "autoFix": true
        }
  ],
}

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-06-29 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

vue中一些小坑（1）

在我们使用vue-cli，搭建项目的时候，其中就有一项是否使用eslint规范代码fengge，在以前的开发中，我自己都没有使用eslint，后来回头想想，代码都是人开发，不管是自己看是别人在看自己代码的使用，要是有一种规范，那么就大大的提高了代码的阅读性，利人利己，那么这个就是eslint；

天天_哥

2018/09/29

4700

VSCode支持Vue自动保存格式化的配置

javascript 编程算法 json ide

安装三个插件：Prettier - Code formatter、ESLint、Vetur。对应的插件图片如下：

kai666666

2020/10/17

7.5K0

猿实战01——vue后台前端框架搭建

vue.js spring spring boot spring cloud mybatis

猿实战是一个原创系列文章，通过实战的方式，采用前后端分离的技术结合SpringMVC Spring Mybatis,手把手教你撸一个完整的电商系统，跟着教程走下来，变身猿人找到工作不是问题。

山旮旯的胖子

2020/08/18

6940

猿实战01——vue后台前端框架搭建

VSCode开发环境配置

编程算法 html vue.js

VSCode（Visual Studio Code）是由微软研发的一款免费、开源的跨平台文本（代码）编辑器，算是目前前端开发几乎完美的软件开发工具。

羊羽shine

2019/08/05

2.8K0

vscode-setting.json配置

1{ 2 "window.zoomLevel": 1, 3 "git.ignoreMissingGitWarning": true, // 忽略“缺失git”的警告 4 "files.autoSave": "onFocusChange", // 离开页面自动保存 5 "workbench.colorTheme": "Default Light+", // 配色 6 "editor.tabSize": 2, // 缩进，tab格数 7 "editor.fontSize": 14, /

xing.org1^

2020/02/17

2.3K0

猿实战01——vue后台前端框架搭建

vue.js spring 电商 api 网站

猿实战是一个原创系列文章，通过实战的方式，采用前后端分离的技术结合SpringMVC Spring Mybatis,手把手教你撸一个完整的电商系统，跟着教程走下来，变身猿人找到工作不是问题。更多精彩内容，敬请大家关注公主号猿人工厂，点击猿人养成获取！

山旮旯的胖子

2020/08/21

7081

猿实战01——vue后台前端框架搭建

html ide node.js npm css

Font-awesome codes for html FontAwesome提示代码段

双面人

2019/04/10

8100

Eslint相关知识和配置大全

首先安装符合要求的node和npm版本，安装yarn（建议通过msi文件全局安装）

smy

2018/08/31

1.9K0

Eslint相关知识和配置大全

vue学习篇-以优雅的姿势创建vue项目

网站 vue.js ide 编程算法

小白一枚，今年（2019）准备学习一下前端的技术，因为发现自己对后端(python)相对比较熟悉但是还是写不出一个优雅的系统，可见前端的重要性，于是静下心学习。在不断的激励自己调整自己的情绪，满足一下自己对技术的兴趣。

DevOps云学堂

2019/10/18

1.3K0

vue学习篇-以优雅的姿势创建vue项目

VSCode配置eslint

eslint vue.js json ide javascript

在Vue.js项目中，使用的是eslint检查。而在我写完代码后，cnpm run dev运行命令。。。然后悲剧了，一大堆报错！╮(╯▽╰)╭ 安装插件：Vetur：这是vscode上一个vue.js代码提示，语法高亮等功能的流行插件。不过因为它代码格式化使用的是prettier，所以使用vscode右键自带的“格式化文件 Alt+shift+F”，会存在一些问题：比如强制双引号（double quotes）、行尾自动加上分号（semicolon）等。重点是：这些在eslint中报错！！！无语O__O

用户1149564

2018/01/11

5.4K0

Vue安装vetur、eslint、prettier配置

eslint prettier

{ "editor.rulers": [ 120 ], "editor.wordWrapColumn": 120, "editor.lineNumbers": "on", //打开行号 "editor.quickSuggestions": { //开启自动显示建议 "other": true, "comments": true, "strings": true }, "vetur.format.defaultFormatter.html":

苦咖啡

2019/12/10

1.3K0

vscode插件大全_vscode必装插件

https json 网络安全

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

全栈程序员站长

2022/11/10

1.5K0

vscode下eslint代码规范

eslint 代码规范

直接上规范吧： // 将设置放入此文件中以覆盖默认设置 { "editor.fontSize": 17, "editor.tabSize": 2, "editor.formatOnSave": false, "files.associations": { "*.vue": "vue" }, "eslint.validate": [ "javascript", "javascriptreact",

用户1141560

2019/05/24

4690

是时候提高你的编码效率了【VSCode篇】

git html npm 编程算法 javascript

俗话说得好，工欲善其事必先利其器，要想工作效率高，码代码的工具用的好是必须的，这里主要说一下 Mac 上 VScode 的快捷键，帮助大家快速搭建良好的开发工具。

石燕平

2019/12/02

1.4K0

【云+社区年度征文】vscode里开发vue项目需要安装的插件

vue.js javascript

在开发编辑器中，vscode占有的比重越来越高，相比笨重的webstorm和功能不怎么全的subline，优势太明显。所以我们需要掌握vscode里开发项目一些小技巧。今天来了解下vue在vscode里的设置。

小明爱学习

2020/12/17

8010

【云+社区年度征文】vscode里开发vue项目需要安装的插件

vscode统一代码风格

json eslint ode prettier vscode插件

安装vscode插件 Vetur、ESLint、Prettier - Code formatter .vscode/settings.json文件

薛定喵君

2019/11/06

9960

VS Code书写vue项目配置 eslint+prettier 统一代码风格

ide eslint javascript vue.js

以前公司的vue项目只是我一个人在写，代码风格统一，但是后来随着团队增加，统一的代码风格就越来越重要。我的主力工具是sublime，ws辅助，vscode基本很少使用（就下载安装放在冷宫），但是听说用来写vue项目还不错，就开启了一番折腾。当然工具么，没有谁好谁坏了~~ 不盲目站队，适合自己的就是最好的。

游魂

2018/11/13

7.8K2

vue项目的常用配置代码

{ // 针对vue的格式化配置----依赖eslint、prettier、vetur等插件 // 强制单引号 "prettier.singleQuote": true, "prettier.semi": false, // 尽可能控制尾随逗号的打印 "prettier.trailingComma": "all", // 开启 eslint 支持 "prettier.eslintIntegration": true, // 保存自动化 "editor.formatOnSave": true, // 保存时自

Dawnzhang

2019/02/27

6020

vscode 常用扩展插件(工具篇)

编程算法 ide html vue.js git

欲善其工必先利其器，本文以vscode编辑器为例子，分享一下笔者常用的vscode工具及技巧，同时也欢迎高手不惜赐教，分享更多的使用技巧，提高工作效率和编程幸福感。本文分为两个部分，常用插件和使用技巧,欢迎点赞(pai zhuan)。

用户3806669

2021/03/25

2.8K0

ESLint+Prettier格式化代码

ESLint会做语法检查，ESLint fix的功能已经可以解决绝大部分代码格式化问题，大部分情况可以替代Prettier的美化，但是也有一些情况，比如max-len，ESLint不能自动fix，手动修改非常繁琐，所以还是要用Prettier，但是两者格式化代码，可能会产生冲突，也是让人很烦恼。通过查资料，找到一种ESLint+Prettier格式化代码和平共处的方案，现在记录一下。本文会以VSCode编辑器为示例做说明。

DamonLiu

2022/04/12

1.4K0

相关推荐

vue中一些小坑（1）

更多 >

💥开发者 MCP广场重磅上线！

精选全网热门MCP server，让你的AI更好用 🚀