vue 项目使用Standardjs进行语法错误检测和修复

背景

一些长期维护和升级的项目，因为人员的变动，代码格式会各种各样。最近一直在忙着查找vue开发的代码规范相关问题，希望借助于EsLint 对vue项目代码进行规范，借助于prettier将代码格式统一。找到最后，发现网上介绍二者配置的特别多，都不是很详细，走的最后都走不下去了。最后找到了Standardjs，发现部署和配置特别简单。

解决方案

部署

安装命令

cnpm i eslint-config-standard-vue-ts --save-dev

在项目根目录下创建.eslintrc.js，内容如下

module.exports = {extends: ['standard-vue-ts'],// 如果你还需要检测 ts 文件则添加该项，并且保证根目录有 tsconfig.json 文件// parserOptions: {//   project: './tsconfig.json'// }
}

在package.json文件中添加如下脚本命令

"lint": "eslint ./ --ext .js,.vue,.ts",
"lint:fix": "eslint ./ --ext .js,.vue,.ts --fix"

测试

使用

npm run lint # 代码问题检测
npm run lint:fix # 自动修复

在运行检查命令后，一个项目检测出来11万个错误

使用修复命令后，还剩余2000多，需要动修复

vue 项目使用Standardjs进行语法错误检测和修复相关推荐

【项目小结】英语语法错误检测（GEC）开题论文阅读记录
毕业论文准备尝试一下GEC,虽然没有过这方面的经验,但做老生常谈的课题实在是亏待宝贵的最后一年.其实最主要的原因是莫名奇妙被一个从来没上过课的教授加微信翻了牌子,我看了一下他给出的题目:英语句法分析. ...
c语言 2059 语法错误,关于CUDA C 项目中“ error C2059: 语法错误:“” ”问题的解决方法...
该问题的关键在于理解CUDA项目中C\C++文件需要由c++编译器进行编译,而CUDA C的源文件需要由CUDA的编译器nvcc.exe进行编译. 发生该语法错误的原因是cu文件被C++编译器所编译, ...
在Vue项目中处理ESlint语法报错问题的方法
在编译项目过程中,出现如下类似问题: 从报错的结果看,书写的代码没有符合ESlint的代码规范. 如何解决这类问题呢? 1.创建.prettierrc配置文件在项目根目录中,创建.prettierr ...
关于vue的语法规则检测报错问题
搭建了一个vue项目,在配置路有的时候,陆续出现了各种报错其中最多的是一些写法,例如空格,缩进,各种括号,结果我一句一句对照,修改相当之费时间,效率低,一上午,一个路由配置都没写好主要报错如下: 截 ...
1.vue项目实战笔记（已完结）
vue项目实战笔记目标目录 1.项目概述 1.1电商项目基本业务概述 1.2电商后台管理系统的功能 1.3电商后台管理系统的开发模式(前后端分离) 1.4电商后台管理系统的技术选型 1.前端项目技 ...
使用nw.js将vue项目打包为可在xp系统运行的桌面程序
前情提要在nw.js入门最如丝般润滑的教程一文中,作者介绍了简单的使用nw运行html文件为桌面程序以及将html文件打包为桌面可执行文件exe. 看vuecli创建的工程打包成exe文件可直接从[ ...
Vue项目中手机号码验证
Vue项目中手机号码验证输入错误的号码,弹出提示窗口! 输入正码的手机号,显示倒计时: 标签这样写: 工具方法:
整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误
目录一.关于 sockjs-client 依赖包二.关于 highlight 依赖包三.关于 swiper 依赖包四.IE 不支持 ES6 语法五.第三方插件引入导致六.本地环境正常,生产 ...
cli3解决 ie11语法错误 vue_使用 VueCLI 3.x 快速搭建Vue + TS + Kbone + KboneUI + 云开发项目...
Vue CLI:一个基于 Vue.js 进行快速开发的完整系统.TS:TypeScript,一种由微软开发的开源.跨平台的编程语言.它是JavaScript 的超集,最终会被编译为 JavaScrip ...
运行vue项目时，如果一直报eslint语法错误的解决方案
在终端执行: npm run lint --fix 就可以自动修复成当前项目配置的eslint语法

vue 项目使用Standardjs进行语法错误检测和修复

背景

解决方案

部署

测试

vue 项目使用Standardjs进行语法错误检测和修复相关推荐

最新文章

热门文章