需要自己创建.prettierrc.json文件(其他后缀的比如.prettierrc.config.js效果一致,只是写法有所不同 然后需要解决一下prettier和eslint的冲突,下载以下两个文件 pnpm add -D eslint-config-prettier pnpm add-D eslint-plugin-prettier 然后在eslintrc.js中 extends: ["standard-with-typescript","plugin:vue/vue3-essential","eslint-config-prettier",//新增"p...
目标是:Eslint校验代码语法,prettier统一格式化代码,按下保存自动修复eslint错误,自动格式化代码(因为懒~) 安装vscode插件 首先,需要安装Vetur、ESLint、Prettier - Code formatter这三个插件,安装完重启下,防止插件不生效。 另外这里有个坑,Beautify插件会占用格式化代码的快捷键,因此会和prettier产生冲突,所以直接禁用掉。
vuter引用格式化工具的时候的配置,例如prettier是要在这里配置,而直接在setting.json中对prettier的设置是无效的。这里的配置让prettier直接就格式化完了基本所有的东西,包括双引号,尾部;的问题,eslint的autofix只是解决了function参数前要插入一个空格的问题。 "vetur.format.defaultFormatterOptions":{"prettier":{"singleQ...
//不允许在import 中使用require'@typescript-eslint/no-empty-function': 2,//关闭空方法检查//eslint-plugin-vue (https://eslint.vuejs.org/rules/)'vue/multi-word-component-names': 0,//要求组件名称始终为 “-” 链接的单词'vue/script-setup-uses...
一、Eslint:用于检测代码 安装eslint相关依赖 yarn add eslint eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin -D eslint-plugin-vue:仅支持vue,提供的规则可以支持 .vue\js\jsx\ts\tsx 文件校验 @typescript-eslint/parser:解析器,让ESLint拥有规范TypeScript代码的能力 ...
npm i prettier eslint-config-prettier eslint-plugin-prettier -D 在根目录创建.prettierrc,更多规则看官网:https://prettier.io/docs/en/options.html {//超过最大值换行printWidth: 100,//缩进字节数tabWidth: 4,//在语句末尾打印分号semi:false,//在多行逗号分隔的句法结构中尽可能打印尾随逗号 "<es5|no...
prettier: For pug. prettier-eslint: For js. 运行prettier和eslint --fix. stylus-supremacy: For stylus. vscode-typescript: 针对 js/ts. 与VS Code自带的的 js/ts formatter相同 sass-formatter: For the .sass section of the files. prettyhtml[已被弃用] For html. ...
},"lint-staged": {"*.{js,ts,vue,jsx,tsx}": ["prettier --write .","pnpm run lint"] } ... } 17. 完整的依赖项为 {"name": "","version": "0.0.1","description": "","main": "lib/index.js","directories": {"example": "examples"},"scripts": {"bootstrap": "pnpm install...
二、配置 prettier 在我们的项目中,eslint 应主要负责校验语法校验,prettier应主要负责代码格式化。同eslint一样,我们不需要单独安装 ESLint 去使用,例如 vite 脚手架搭建的项目一般都是帮你集成好了。 1. 安装 ☘️npm npm install --save-dev --save-exact prettier ...
通过以上配置,在我们ctrl+s进行保存的时候,会自动按着我们配置的prettier对代码进行格式化。 保存前:因为我们在.prettierrc.json设置了规则,所以 双引号报错提示 句末加分号报错提示 单行超100字符报错提示 ctrl+s保存后:报错提示消失且代码格式化 以上,就完成了使用eslint+prettier,进行代码格式化的校验和配置,如果还...