Vue 安装 Prettier

阅读 54

2023-06-10


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


精彩评论(0)

0 0 举报