代码检验
优质
小牛编辑
134浏览
2023-12-01
你可能有疑问,在 .vue
文件中你怎么检验你的代码,因为它不是 JavaScript。我们假设你使用 ESLint (如果你没有使用话,你应该去使用!)。
你还需要官方的 eslint-plugin-vue,它支持同时检查你 .vue
文件中的模板和脚本。
请确保在你的 ESLint 配置中使用了该插件自身的配置:
{
"extends": [
"plugin:vue/essential"
]
}
在命令行这样使用:
eslint --ext js,vue MyComponent.vue
别一种方法是使用 eslint-loader,这样你的 .vue
文件会在开发期间每次保存时自动检验。
npm install eslint eslint-loader --save-dev
请确保它应用在了 pre-loader 上:
// webpack.config.js
module.exports = {
// ... other options
module: {
rules: [
{
enforce: 'pre',
test: /\.(js|vue)$/,
loader: 'eslint-loader',
exclude: /node_modules/
}
]
}
}