Vue 安装 Prettier
一、手动配置
1.安装依赖包
yarn add eslint prettier eslint-config-prettier eslint-plugin-prettier -D
2.初始化eslint
yarn eslint --init
3.配置.eslintrc.cjs(.cjs代表Commonjs)
"extends" 中最后添加 "plugin:prettier/recommended"
4.配置.prettierrc.cjs
将配置文件拷贝至工程
5.package.json中添加脚本
"lint:eslint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx --fix"
"lint:prettier": "prettier --write \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\""
6.配置Webstorm
ESLint:配置成'自动ESLint配置'
Prettier: 配置Prettier包
二、自动配置
npm init vite-pretty-lint