配置 webstorm 自动格式化 vue-cli 4.x 项目

2,234 阅读1分钟
此文章只是为了记录一下,有问题之处希望温柔指出



我选择的是

  1. 安装 npm i -D eslint-config-prettier eslint-plugin-prettier

  2. 修改eslintrc.js

    extends: [
      "plugin:vue/essential",
      "@vue/standard",
      "plugin:prettier/recommended" // 添加这个
    ]
    
  3. 修改或添加prettier.config.js

    module.exports = {
      singleQuote: true, // 单引号
      semi: false // 取消结尾分号
    }
  4. command + ,搜索watch 添加 prettier,应该就可以了

顺便说一下webstorm 在项目中怎么识别alias

  1. command + , 搜索 webpack
  2. 然后选择项目目录\node_modules\@vue\cli-service\webpack.config.js 即可
  3. 不行? 重启啊~