如何更改 vue.js 应用程序中的 lint 目录？

Posted 2023-02-23

【中文标题】如何更改 vue.js 应用程序中的 lint 目录？

【英文标题】：How to change the lint directory in a vue.js app?

【发布时间】：2018-12-25 20:09:35

【问题描述】：

我正在现有的 php 应用程序中设置 Vue.js。由于 PHP 应用程序有一个现有的目录结构，我不得不使用 vue.config.js 文件更改在 Vue Inspect 中找到的一些默认位置。我要 lint 的网站的 vue 部分保存在：

/src/vue-app

当运行“npm run lint”时，它会查看“/src”下的所有内容。如何告诉 linter 只查看“/src/vue-app”？我的 vue.config.js 文件目前看起来像这样：

const htmlWebpackPlugin = require('html-webpack-plugin')
const path = require('path')

module.exports = 
  // options...
  baseUrl: 'https://local.my-site.com/dist/vue-app',
  outputDir: '/sites/my-site/public/dist/vue-app',
  configureWebpack: config => 
    return 
      entry: 
        app: './src/vue-app/main.js'
      ,
      resolve: 
        alias: 
          '@': path.resolve(__dirname, './src/vue-app')
        
      
    
  ,
  chainWebpack: config => 
    config
      .plugin('html')
      .tap(args => 
        return [
          template: path.resolve(__dirname, './src/vue-app/index-default.phtml'),
          filename: path.resolve(__dirname, './sites/my-app/module/Dash/view/dash/index.phtml')
        ]
      )
  

更新：

我在 package.json 文件中配置了以下内容。

  "scripts": 
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "test:unit": "vue-cli-service test:unit",
    "test:e2e": "vue-cli-service test:e2e"
  ,

还有这个……

  "eslintConfig": 
    "root": true,
    "env": 
      "node": true
    ,
    "extends": [
      "plugin:vue/essential",
      "@vue/standard"
    ],
    "rules": ,
    "parserOptions": 
      "parser": "babel-eslint"
    
  ,

【参考方案1】：

因此，虽然我希望有一种更简单的配置方法，但我在自己的项目中找到了前进的道路：

Vue CLI 项目位于/src/webapp/ .eslintrc 和 .prettierrc 住在 src/webapp package.json 位于根目录 /

所以要使命令 vue-cli-service lint 只针对我的 Vue CLI 目录。结果定义为：

vue-cli-service lint ./src/webapp/**/*.js ./src/webapp/**/*.vue

希望这对其他人有所帮助！

【参考方案2】：

您可以将您的 lint 命令从 package.json 更改为包含您的目录。例如

"lint": "eslint src/vue-app",

见命令行docs

【讨论】：

有趣。我添加了我在 package.json 文件中设置的内容。我正在使用 vue-cli-service 来运行 lint。我可以在 eslintConfig 中设置什么吗？

@AdamYoungers afaik eslintConfig 中没有这样的选项。但是你可以将相同的选项传递给 vue-cli-service 并且它会起作用。例如我的命令： "lint": "vue-cli-service lint --ignore-path .gitignore src tests",