统一代码风格前置条件:IDE:VScode,node>=14.17.1一、集成editorconfig配置# 告诉EditorConfig插件,这是根文件,不用继续往上查找
root = true
# 匹配全部文件
[*]
# 设置字符集
charset = utf-8
# 缩进风格,可选space、tab
indent_style = space
# 缩进的空格数
indent_size            
                
         
            
            
            
            .eslintignore主要作用是忽略哪些文件的语法检查build/.js //表示忽略build目录下类型为js的文件的语法检查 config/.js //表示忽略config目录下类型为js的文件语法检查.stylelintrc.jscss代码的语法检查.eslintrc.jsjs代码的语法检查代码提示出现很多奇奇怪怪的错误提示,因为是eslintrc.js文件没有配置相关命令默认eslin            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-07 08:40:35
                            
                                433阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             写这篇文章的目的,更多是让自己更熟悉vue-cli脚手架创建项目的依据和项目结构,其次是希望我的学习过程可以帮到有疑惑的同学,有什么错误还希望可以得到指教为什么要分上、下,因为最近学习react.js,发现项目框架除了使用的js库不同(vue.js、react.js),配置基本上是大同小异的这也是我占坑(脸大)的理由徒手撸个vue项目框架(上)
徒手撸个vue项目框架(下)徒手撸个react项目            
                
         
            
            
            
            引言在创建vue3项目的时候选择了eslint校验的standard模式,且在文件保存时校验。最后写出来的代码报了几百个错误,下面是一些解决办法1. eslint --fixeslint报错的时候会报错误文件的地址,比如: 直接把绿色部分的地址复制,在terminal中输入eslint --fix   src/components/base/depart-selector.vue大部分错误就会被修            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-20 11:47:20
                            
                                179阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            安装 ESLint 和相关插件为了方便配置,我们选择使用 airbnb 插件(airbnb号称最严格的规范,且包括ES6+的代码规范要求,可以满足我们大部分的开发需求),安装它需要先执行下面的命令查看其依赖npm info "eslint-config-airbnb-base@latest" peerDependencies执行命令得到结果 { eslint: '^4.19.1 || ^5.3.0            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-25 08:30:59
                            
                                69阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            如果不生效。按照如下步骤尝试。 1、在vscode中按下 ctrl+shift+p 打开命令行,输入eslint 选择如下选项 之后选择allow。允许eslint vscode加载本地项目或者本地计算机中的eslint library。 2、尝试卸载当前eslint vscode插件,再重新安装 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-24 16:06:00
                            
                                4882阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            在团队协作中,为避免低级 Bug、产出风格统一的代码,会预先制定编码规范。使用 Lint 工具和代码风格检测工具,则可以辅助编码规范执行,有效控制代码质量。在以前的项目中,我们选择 JSHint 和 JSCS 结合使用,WebStorm 等开发环境已经支持这些工具,使用起来很顺手。然而,最近使用 React JSX 语法时,却遇到了问题:JSHint 不支持 JSX 语法。虽然有 JSX            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-01 16:27:46
                            
                                130阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            eslint uniapp-eslint及vue-eslint配置ESLint 是一个开源的 JavaScript 代码检查工具。可以让程序员在编码的过程中发现问题而不是在执行的过程中。1. eslint的特性请直接参考文档附:其他文件的格式设置一般eslint只作用在项目相关的文件内,而像package.json这类文件我们可以使用VScode中的EditorConfig for VS Code            
                
         
            
            
            
            概述:   ESLint 是一个开源的 JavaScript 代码检查工具,由 Nicholas C. Zakas 于2013年6月创建。代码检查是一种静态的分析,常用于寻找有问题的模式或者代码,并且不依赖于具体的编码风格。对大多数编程语言来说都会有代码检查,一般来说编译程序会内置检查工具。JavaScript 是一个动态的弱类型语言,在开发中比较容易出错。因为没有编译程序,为了寻找 JavaSc            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-07 16:14:54
                            
                                93阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、错误描述:error Unnecessarily quoted property 'xxx' found quote-props
报错详情:找到不必要的引用属性“ xxx”,引用属性 解决方案:xxx没必要加引号,在文件中指定行内去掉xxx引号,刷新即可。2、错误描述:Object properties must go on a new line if they aren't all on t            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-07 21:51:08
                            
                                1331阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            module.exports = {
    // 如果有多个目录有.eslintrc.js配置文件,并且配置了此项,则不会再父级目录中查找配置文件
    "root": true,
    // https://cn.eslint.org/docs/user-guide/configuring
    // Environments - 指定脚本的运行环境。
    "env": {            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-20 22:52:03
                            
                                372阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言最近发现公司的项目代码修改保存后,代码会自动进行格式化。但是自己搭建的小项目不能进行格式化,虽然安装了一个格式化插件,但是格式化的效果很不舒服。ESLint官方中文文档实现安装eslint插件 上面只是在vscode里安装了,实际项目里还需要安装npm install eslint babel-eslint -D生产配置文件./node_modules/.bin/eslint --init运行            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-05 18:47:58
                            
                                4709阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在很久之前就想通过工具来规范自己的代码风格,减少程序出错的概率,如果看过我的 一个前端程序猿的Sublime Text3的自我修养 ,这篇博客的朋友,肯定知道在当时我使用 SublimeLinter-jshint 插件来规范风格,但是实际上一直懒癌发作也没去看它的文档,使用着它默认的规则。不过现在是时候切换到 ESLint 了!作为一个有理想有抱负的前端工程            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-20 10:52:48
                            
                                120阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            eslint 当前文件 不校验 文件第一行 /* eslint-disable */ 这个需求主要是其他第3方库 进来的时候,校验规则不一样,所以就不进行校验了。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-08-27 11:37:39
                            
                                179阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            第一步,安装cnpm,通过淘宝的镜像:npm i -g cnpm --registry=https://registry.npm.taobao.org第二步:设置npm的confignpm config set registry https://registry.npm.taobao.org第三步:安装vue的脚手架npm install -g @vue/cli第四步:设置脚手架的全局cnpm i            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-25 09:15:55
                            
                                78阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            引言看到参考链接1以后,觉得用TS写一个eslint插件应该很简单?⌨️?,尝试下来确实如此。前置知识本文假设你对AST遍历有所了解。你写过单测用例。作者:hans774882968Usagenpm install -D @hans774882968/eslint-plugin-use-i18n
# or
yarn add -D @hans774882968/eslint-plugin-use-i            
                
         
            
            
            
            前言本文介绍 vue3-element-admin 如何通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来全方位约束和统一前端代码规范。ESLint 代码检测ESLint 可组装的JavaScript和JSX检查工具,目标是保证代码的一致性和避免错误。ESLint            
                
         
            
            
            
            setting.json配置.vscode中setting.json配置(优先级大于上面的){
  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  // 重新设定tabsize
  "editor.tabSize": 2,
  // #每次保存的时候自动格式化
  "editor.formatOnS            
                
         
            
            
            
            What's husky当您提交或推送时,您可以使用 husky 来检查您的提交消息、运行测试、检查代码等Husky 支持所有 Git 钩子[1]。How it works以一种非常 Linux 的方式,要配置 Git 挂钩,您只需将可执行文本文件放入.git/hooks/, 为了能够运行用户在 .huskyrc.js中创建的任何 Git 钩子,husky 正在将所有可能的钩子安装在.git/ho            
                
         
            
            
            
            {
// 环境定义了预定义的全局变量。
"env": {
//环境定义了预定义的全局变量。更多在官网查看
"browser":true,
"node":true,
"commonjs":true,
"amd":true,
"es6":true,
"mocha":true
 },
// JavaScript 语言选项
"parserOptions": {
// ECMAScript 版本
"ecma            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-22 15:48:33
                            
                                47阅读