vue3 vite项目安装eslint

最新推荐文章于 2025-03-29 14:36:52 发布

qq_40178497

最新推荐文章于 2025-03-29 14:36:52 发布

阅读量637

点赞数 4

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/qq_40178497/article/details/146111561

版权

vue 专栏收录该内容

18 篇文章

订阅专栏

npm install eslint -D 安装eslint库
npx eslint --init 初始化配置，按项目实际情况选
自动生成eslint.config.js，可以添加自定义rules
安装ESLint插件

此时打开vue文件就会标红有问题的位置
安装prettier npm install prettier eslint-config-prettier eslint-plugin-prettier -D

创建.prettierrc.json

{
  "semi": false,
  "singleQuote": false,
  "tabWidth": 2,
  "printWidth": 80,
  "trailingComma": "none"
}

安装prettier插件
打开vscode用户配置Ctrl + Shift + p -> Settings

添加内容：

{
	  "editor.formatOnSave": true,
	  "editor.defaultFormatter": "esbenp.prettier-vscode",
	  "[javascript]": {
	    "editor.defaultFormatter": "esbenp.prettier-vscode"
	  },
	  "[vue]": {
	    "editor.defaultFormatter": "esbenp.prettier-vscode"
	  },
	  "eslint.validate": ["javascript", "vue"],
	  "eslint.run": "onType",
	  "eslint.format.enable": true
}