【Web前端】vue3整合eslint约束代码格式

Kenny_Xu_00101854

已于 2024-08-10 09:44:09 修改

阅读量418

点赞数 2

CC 4.0 BY-SA版权

分类专栏：大前端文章标签：前端 vue eslint

于 2024-08-10 09:41:35 首次发布

本文链接：https://blog.youkuaiyun.com/X_trans/article/details/141085959

一、整合eslint

整合eslint的两种方式：

在已有项目中整合eslint：

# 安装eslint及其vue插件即可
npm i -D eslint eslint-plugin-vue

创建项目时整合eslint：
提示 是否引入ESLint用于代码质量检测 时选择 是
```
# 创建vue3项目
npx create-vue
# 下载项目依赖
npm i
```

两种方式任一，最终保证package.json文件中内容如下即可：

{
   
  "name": "xxx",
  "version": "0.0.0",
  "private": true,
  "type": "module",
  "scripts": {
   
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview",
    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"

最低0.47元/天解锁文章