在Vue開發中,IDEA提醒是一個非常重要的功能,它可以幫助我們快速定位代碼問題,提高開發效率。下面介紹幾種常見的IDEA提醒方式。
1.語法檢查提示
Vue.config.errorHandler = function (err, vm, info) { console.log(`Error: ${err.toString()}\nInfo: ${info}`) }
2.格式化代碼提示
.eslintrc.js module.exports = { root: true, env: { node: true, }, extends: [ 'plugin:vue/essential', '@vue/standard' ], 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], }, }
3.智能提示
computed: { /** * 計算總價 * @returns {number} */ totalPrice () { return this.goods.reduce((total, item) =>{ if (item.checked) { total += item.price * item.qty } return total }, 0) } }
通過上述代碼,我們可以看出,IDEA提醒對于我們開發過程中的代碼檢查、代碼格式化、智能提示等方面都有非常大的幫助,讓我們的開發效率更高,代碼質量更好。
上一篇vue ie 白屏