Vue CLI是一個幫助我們搭建Vue項目的腳手架,而在項目中,我們常常使用ESLint來檢測代碼,同時ESLint能夠自動修復一些錯誤。在Vue CLI中,我們可以使用ESLint來規范我們的代碼,例如空格的使用,代碼格式等等。
module.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue/essential', 'eslint:recommended', '@vue/prettier' ], parserOptions: { parser: 'babel-eslint' }, rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', "indent": ["error", 2], "linebreak-style": ["error", "unix"], "quotes": ["error", "single"], "semi": ["error", "never"], "no-unused-vars": ["error", { "args": "none" }] } }
在這個配置文件中,我們可以設置 ESLint 的樣式規則,例如規定縮進的空格數,強制使用單引號等等。在這里,我們使用的代碼格式化插件是 Prettier,因此在 extends 中指定了 @vue/prettier 這個配置項。如果你還沒有安裝 Prettier,使用如下 npm 命令進行安裝:
npm install prettier --save-dev
總而言之,使用 ESLint 和 Prettier 可以讓我們更快速且高效地編寫代碼,同時大大提高了代碼的質量并避免了一些錯誤。
上一篇gismap+json