添加standardjs和eslint配置检测代码规范步骤

首先检测nodejs是不是最新版本，如果不是首先更新到最新版本

使用本规范最便捷的方式是全局安装，运行：

$ npm install standard --global

或者非全局的方式，针对某个项目进行安装：

$ npm install standard --save-dev

安装eslint

npm install --save-dev eslint

安装eslint-plugin-vue

npm install --save-dev  eslint-plugin-vue@nextextends: [// add more generic rulesets here, such as:// 'eslint:recommended','plugin:vue/essential'],

要使用JavaScript标准样式可共享配置，请首先运行以下命令：

npm install --save-dev eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugin-node
{"extends": "standard"
}"extends": ["plugin:vue/essential","standard"],

在VScode编辑器上分别安装检测代码插件 standardjs和eslint插件

最后检测自己的代码格式化代码

添加standardjs和eslint配置检测代码规范步骤相关推荐

【Vue3+Vite+TS项目集成ESlint +Prettier实现代码规范检查和代码格式化】
目录前言创建项目安装初始化ESlint 安装ESlint: 初始化ESlint: 安装配置Prettier 安装prettier: 配置prettier: 配置VScode保存时自动格式化代码 ...
eslint prettier husky代码规范配置
本文基于React 项目配置,可以使用 create-react-app . 我们为什么需要eslint? 因为每个人的代码习惯不一样,每个开发人员都需要和他人协作或者项目需要交接给下一代开发者.保持 ...
husky + lint-staged + commitizen 配置提交代码规范
前言又又又来了,依旧是接上文.虽然我们在项目中使用 ESLint 了,但是不能保证组员提交代码之前都将 ESLint 中的问题都解决掉了,所以我们还需要做一些限制,让没通过 ESLint 检测和修复 ...
idea配置阿里代码规范
阿里官方描述无规矩不成方圆,无规范不能协作.阿里近万名Java技术精英的经验总结,铸就了高含金量的<阿里巴巴Java开发手册>,并向业界开放,希望使团队在Java开发上更高效.容错.有协 ...
ESLint和Airbnb代码规范
什么是ESLint ESLint 是一个开源的 JavaScript 代码检查工具.代码检查是一种静态的分析,常用于寻找有问题的模式或者代码,并且不依赖于具体的编码风格为什么使用ESLint 保持代 ...
IDEA配置java代码规范
1.下载阿里p3c规范插件 https://plugins.jetbrains.com/plugin/10046-alibaba-java-coding-guidelines/versions 安装成 ...
flutter代码规范配置
背景学习新的语法时,经常会习惯性带上以前使用的语法风格,导致新的语法不规范,为了能够编写出更加健壮的flutter代码,谷歌在SDK2.3.0开始出了flutter代码规范检查,方便我们在开发时及时 ...
WebStorm设置前端开发代码规范
Prettier 代码格式化添加依赖 yarn add prettier 配置 WebStorm 格式化文件在根目录下新建.prettierrc.json的文件,标识格式化规范文件内容如下 {& ...
vscode编辑器装JavaScript Standard Style 遇到不检测代码问题
最近用webstorm编辑器做了一个小型的vue项目,但是webstorm没检测代码规范标准,换成了vscode编辑器,装上standard插件检测代码,发现不兼容,不能提示报错,最新版本的vue-c ...

添加standardjs和eslint配置检测代码规范步骤

添加standardjs和eslint配置检测代码规范步骤相关推荐

最新文章

热门文章