webstorm 开发vue.js项目总提示空格报错

关注

原创最新推荐文章于 2026-10-20 15:56:02 发布 3.6k 阅读 AI 写同款· GEO 优化 ›

WebStorm前端配置实战：JavaScript工程化开发效率提升指南 WebStorm 不仅是 JavaScript 编辑器，更是深度集成语言服务、构建工具与调试环境的前端工程化平台。其核心原理在于将 ESLint、TypeScript、Webpack、Jest 等生态能力内化为语义级分析引擎，实现代码补全、实时校验与自动修复。这种‘领域原生理解力’显著提升类型安全、协作一致性与问题定位效率，广泛应用于 React/Vue/Tailwind CSS 等现代前端项目。本文聚焦 WebStorm 的关键配置逻辑——从 Java 运行时选择、Node.js 工具链绑定，到 ESLi 阅读详情

webstorm总是提示空格报错，然后怎么删除都不行

看了下网上的方法，修改.eslintrc.js

// https://eslint.org/docs/user-guide/configuring

module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint'
  },
  env: {
    browser: true,
  },
  extends: [
    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
    'plugin:vue/essential',
    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
    'standard'
  ],
  // required to lint *.vue files
  plugins: [
    'vue',
    'html'    //这里加上html就可以了，不要忘记在vue后面加上逗号
  ],
  // add your custom rules here
  rules: {
    // allow async-await
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
  }
}

但是加上之后提示：

好吧，接着处理这个问题，提示是无法无法找到module 'eslint-plugin-html'，执行如下命令：

npm install eslint-plugin-html

然而还是报错，崩溃中，然后尝试方法关闭Eslint的代码检查，修改build路径下的webpack.base.conf.js文件，找到createLintingRule方法，然后屏蔽所有的内容。

const createLintingRule = () => ({
  //test: /\.(js|vue)$/,
  //loader: 'eslint-loader',
  //enforce: 'pre',
  //include: [resolve('src'), resolve('test')],
  //options: {
  //formatter: require('eslint-friendly-formatter'),
  //emitWarning: !config.dev.showEslintErrorsInOverlay
  //}
})

然后重启项目，可以了

收录于