vue+eslint项目(项目已开发)使用prettier
1.开发环境 vue+eslint+prettier
2.电脑系统 windows10专业版
3.在使用vue+eslint项目开发的过程中,公司突然加需求使用prettier做代码的格式,怎么搞呢?下面我来分享一下。
4.废话不多说,直接上操作:
npm i eslint-plugin-prettier@3.3.1 -D
npm i @vue/eslint-config-prettier@6.0.0 -D
npm i prettier@2.2.1 -D
【vue+eslint项目(项目已开发)使用prettier】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.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。
推荐阅读
- 17|17 关山松 第二课作业#公众号项目# D20
- RxJava|RxJava 在Android项目中的使用（一）
- Hacking|Hacking with iOS: SwiftUI Edition - SnowSeeker 项目（一）
- 靠QQ月入上万灰色暴利偏门的项目
- spring|spring boot项目启动websocket
- vuex|vuex 基础结构
- 区块链开发平台（以太坊）
- 如何在手机上查看测试vue-cli构建的项目
- django2.2|django2.2 一般项目步骤（初步）
- 项目团队管理|项目团队管理 - 塔克曼阶梯理论