ESLint是一個開源的JavaScript代碼檢查工具，它可以對代碼進行靜態分析并給出規則的提示。ESLint相較于JSLint和JSHint，它具有高度的可定制性，可以通過配置文件進行規則的添加和修改。

VUE.js是一個流行的JavaScript框架，ESLint也可以和VUE.js一起使用，它可以幫助開發者規范化代碼，提高開發效率。在使用ESLint時，我們需要在VUE.js項目中配置ESLint規則的位置。

我們可以在項目中的.eslintrc.js（或.eslintrc）文件中進行規則的配置。ESLint提供了很多的配置選項，我們需要根據項目需要，去定制規則。以下是一個示例文件：

module.exports = {
root: true,
env: {
node: true
},
extends: [
'plugin:vue/essential',
'eslint:recommended'
],
parserOptions: {
parser: 'babel-eslint'
},
// additional rules
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
}
}

上述配置文件中，我們可以看到root設置為true，表示從項目根目錄開始檢查；env設置為node，表示ESLint將環境設置為node；extends為配置繼承的規則集合；parserOptions可以配置解析器的選項；rules中可以添加或修改規則的選項。

除了在.eslintrc.js文件中配置規則，我們也可以在.vue文件中配置。VUE.js的單文件組件格式支持配置script和style標簽中的ESLint規則，以下是一個示例：

<template>
<div></div>
</template>
<script>
export default {
data () {
return {
message: 'Hello, world!'
}
}
}
</script>
<style scoped>
h1 {
font-size: 24px;
}
</style>

在這個單文件組件中，我們在script標簽中添加了一個ESLint規則，它可以檢測到message未被使用的問題。在style標簽中，使用了scoped屬性來限制樣式的作用域。

總而言之，ESLint配置規則的位置非常重要。在VUE.js項目中，我們可以在.eslintrc.js或.vue文件中添加和修改規則，以提高代碼的質量和可維護性。通過ESLint的規則檢查，我們可以及早發現代碼中的問題，并及時修復。