目标是:Eslint校验代码语法,prettier统一格式化代码,按下保存自动修复eslint错误,自动格式化代码(因为懒~) 安装vscode插件 首先,需要安装Vetur、ESLint、Prettier - Code formatter这三个插件,安装完重启下,防止插件不生效。 另外这里有个坑,Beautify插件会占用格式化代码的快捷键,因此会和prettier产生冲突,所以直接禁用掉。
avoid:省略括号ignorePath: ".prettierignore",//不使用prettier格式化的文件填写在项目的.prettierignore文件中jsxBracketSameLine:false,//在jsx中把'>' 是否单独放一行jsxSingleQuote:true,//在jsx中使用单引号代替双引号trailingComma: "all"//在对象或数组最后一个元素后面是否加逗号(在ES5中加尾逗号)} 配置完成...
运行ESLint: bash npx eslint . 运行Prettier 进行格式化: bash npx prettier --write . 如果配置正确,ESLint 应该能够报告代码中的问题,而 Prettier 应该能够自动格式化代码以符合预定义的代码风格。 通过以上步骤,你可以在 Vue2 项目中成功配置 ESLint 和 Prettier,以确保代码质量和风格的一致性。
//prettier 配置详解{"printWidth": 100,//每行最多显示的字符数"tabWidth": 2,//tab的宽度 2个字符"useTabs":false,//禁止使用tab代替空格"semi":true,//结尾使用分号"singleQuote":true,//使用单引号代替双引号"trailingComma": "none",//结尾是否添加逗号"bracketSpacing":true,//对象括号俩边是否用空...
大家好, 本文记录了最近在Vite+Vue3搭建的JavaScript项目中配置ESLint和Prettier来检查代码风格和格式化代码的经验,下一篇记录为该项目添加husky+lint-staged来实现git提交时对代码进行检查和格式化。 项目介绍 该项目使用的包管理器是pnpm,使用其他工具的朋友自己修改文中pnpm相关的安装命令 ...
vue3项目如何配置ESLint和prettier 配置eslint 安装eslint npm add eslint-D 安装完成后进行项目初始化 npm init @eslint/config 然后根据提示选择对应的选项,作者个人选择如下: ? How would you like to use ESLint? ... To check syntax only
使用插件扩展ESLint功能。例如,安装eslint-plugin-prettier和eslint-config-prettier来集成Prettier: npm install eslint-plugin-prettier eslint-config-prettier --save-dev 在.eslintrc.js文件中扩展Prettier配置: extends: [ 'plugin:vue/essential',
'prettier/prettier': [ 'error', { singleQuote: true, }, ], 1. 2. 3. 4. 5. 6. 配置Vscode vscode安装eslint插件 配置vscode自动fix 设置保存时格式化 - "eslint.autoFixOnSave": true, + // #每次保存的时候将代码按eslint格式进行修复 ...
ESLint和Prettier的配置文件内容如下: .eslintrc.js module.exports = { root: true, env: { node: true, browser: true, node: true, es6: true, mocha: true, jest: true, jasmine: true }, extends: ["plugin:vue/essential", "@vue/prettier"], rules: { "no-alert": 0, //禁止使用alert...
项目(vue3)中添加husky、eslint、prettier , 自动格式化代码, 保姆级教学。 日常开发中,项目基本上都是由多个人进行开发和维护,每个人的代码书写习惯和风格又不尽相同,commit log也是乱七八糟,为以后的开发和维护增添了很多困难。所以,规范和约束在多人协作下,就显得尤为重要。