关于vue.js:vueeslint项目项目已开发使用prettier

1.开发环境 vue+eslint+prettier
2.电脑系统 windows10专业版
3.在应用vue+eslint我的项目开发的过程中,公司忽然加需要应用prettier做代码的格局,怎么搞呢?上面我来分享一下。
4.废话不多说,间接上操作:

npm i eslint-plugin-prettier@3.3.1 -Dnpm i @vue/eslint-config-prettier@6.0.0 -Dnpm i prettier@2.2.1 -D

5.在.eslintrc.js中批改代码如下:

// 原来配置extends: [    'plugin:vue/essential',    '@vue/standard'  ],

// 批改之后extends: ["plugin:vue/essential", "@vue/standard", "@vue/prettier"],

6.在vue.config.js中增加如下代码:

module.exports = {    chainWebpack: (config) => {        // 开启eslint主动修复，要害代码        config.module            .rule('eslint')            .use('eslint-loader')            .loader('eslint-loader')            .tap((options) => {                options.fix = true                return options            })    }}

// 在保留的时候,会主动格局代码构造

7.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰。