现在流行的前端框架大多用到eslint来规范代码风格，对于熟练者来说当然大大有利于开发，但是对于我这样的小白，真是给我造成了不少困扰，于是二话不说开始学习吧mkdir eslint-demo #新建一个项目文件夹
cd eslint-demo
npm init
npm install eslint --save-dev #安装eslint插件
npmx eslint --init #初
转载
2024-07-11 02:35:36
107阅读
React Native中Storage使用详解和封装在移动端开发中，数据库存储肯定是避免不了的需求，在iOS中，我们也经常使用NSUserDefault单利类来存储一些简单的用户信息等数据，在web开发中我们经常使用LocalStorage来存储简单数据，在React Native中，我们可以选择直接使用官方推荐的数据存储组件AsyncStorage组件，但是有时候使用起来还是不够简单，功能不够
ESLint 是一种广泛使用的 JavaScript 代码静态检查工具，可以帮助你识别代码中的潜在问题，如语法错误、未使用的变量、不一致的代码风格等。以下是一些常见的 ESLint 代码规范建议：变量声明：使用 const 或 let 声明变量，避免使用 var。变量命名采用驼峰命名法（camelCase）。空格和缩进：使用空格进行缩进，而不是制表
转载
2024-09-24 07:07:57
95阅读
一、序言和 Webpack相比，Vite 具有以下特点： 快速的冷启动，不需要等待打包 即时的热模块更新 真正的按需编译，不用等待整个项目编译完成Vite 优点Vite 缺点开发服务器比 Webpack 快 10-100 倍只能针对现代浏览器（ES2015+）将 code-splitting 作为优先事项与 CommonJS 模块不完全兼容处于测试阶段，仅支持 Vue 3最小的脚手架不包括 Vue
文章目录ESLint创建 Vue 项目安装 ESLint配置 WebStrom添加 ESLint 配置文件.eslintignore.eslintrc.js格式化代码快捷键右键格式化快捷键格式化 ESLintESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。在一个 Vue 项目中要使用 ESLint
转载
2024-04-23 21:51:02
295阅读
1、CodeGlance 代码迷你缩放图插件 2、 Codota代码提示工具，扫描你的代码后，根据你的敲击完美提示Codota基于数百万个开源Java程序和您的上下文来完成代码行，从而帮助您以更少的错误更快地进行编码。 安装： 3、Material Theme UI那就顺便推荐一下这个吧，超多的主题插件，各种颜色，各种模式，感兴趣的可以试一下，图我就不截了 4、Alibaba Ja
转载
2024-02-26 17:07:42
305阅读
前言ESLint 由 JavaScript 红宝书 作者 Nicholas C. Zakas 编写， 2013 年发布第一个版本。 NCZ 的初衷不是重复造一个轮子，而是在实际需求得不到 JSHint 团队响应 的情况下做出的选择：以可扩展、每条规则独立、不内置编码风格为理念编写一个 lint 工具。中文官方网站英文官方网站可以去上方网站进行相关资料查阅，长话短说，直接开始入门吧~安装建议采用全局
转载
2024-05-15 09:02:44
316阅读
背景多人协作开发时，统一的代码风格会提高代码可阅读性、可维护性，提高开发、迭代的效率。减少以下几点问题的出现：低级错误：如重复定义同名对象的属性（由于默认代码不会报错，代码量多时，自检也会看不见）代码格式不统一重复覆盖频率高：迭代需求修改的可能仅仅几行代码，但查看代码修改记录，有大部分都是格式冲突，一直重复覆盖其他人的代码格式，开发体验不太友好，应少数服从多数，遵循业界普遍规律，切勿特立独行。代码
{
root: true, // 当前配置为根配置，将不再从上级文件夹查找配置
parserOptions: {
parser: 'babel-eslint', // 采用 babel-eslint 作为语法解析器
sourceType: 'module', // 指定来源的类型，有两种script或module
ecmaVersion: 6, //指定ECMAScript支持的版本，6为
转载
2024-09-19 13:19:07
94阅读
前言第一篇: 介绍编写插件的准备和如何发布.第二篇: 介绍插件简单功能的具体编写过程.第三篇: 介绍插件开发遇到的问题和解决的方案,有生之年啦,有生之年,如果黑契出第三季,我就更俗话说的好,一千个人心里有一千个README.md的格式,但是,偶尔也需要统一一下业界格式滴,不然我的小龙女是这样, 而你的小龙女是那样
小孩子才做选择,成年人都知道,我们一个都得不到?这是一个markdown格
U盘数据如何恢复？经常有粉丝会问这样的问题。大部分人都是因为U盘空间不够用，或者其他故障，从而导致数据误删或者格式化等情况。其实不管是U盘，还是电脑硬盘，买到手的U盘、硬盘，插入设备后显示的实际储存量都比表示的存储量小，比如我的电脑硬盘明明是250GB版本的，买来接入电脑后的实际容量只有232GB，不管你是什么原因弄丢了数据，小嗨下面的几条建议希望可以帮助你！ 网上大多人只说了计算机是
根据我项目.eslintrc.js相对应配置 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "e
原创
2021-07-08 11:08:51
462阅读
文章目录前言一、安装依赖二、配置使用 前言开发规范可以很好避免奇奇怪怪的问题 避免多人开发习惯不同的情况 避免提交代码出现的各种合并问题 帮助快速找到指定位置的bug一、安装依赖需要先安装以下依赖vite-plugin-eslint@vue/eslint-config-prettier@vue/eslint-config-typescript@vue/cli-plugin-eslinteslin
有时候使用脚手架创建的项目，比如vue-cli，会默认使用eslint的一些规则，比如airbnb。其中基本会包含这样一条规则："linebreak-style": ["error", "unix"],这个规则的意思是回车换行符使用unix风格的，也就是LF。unix其实主要就是指mac，或者ubuntu这类的。本来团队都用Mac就没啥问题。但如果你用的是windows。就会有标题中的错误：(li
一、配置eslint1、安装配置文件中依赖包：cnpm install eslint babel-eslint eslint-plugin-html eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-node -D2、.eslintrc.js文件module.exports = {
转载
2024-03-31 22:44:36
151阅读
一、问题出现这么写错误是什么原因呢？相信很多小白都会像我一样，第一次接触时有点二丈和尚摸不着头脑。其实是在你用vue-cli脚手架构建项目时用了ESLint代码检查工具，如下图那么什么是ESLint呢？二、ESLint介绍（中文官网）官网是这用介绍的， ESLint 是一个开源的 JavaScript 代码检查工具，由 Nichola
转载
2024-03-22 21:59:50
41阅读
最近学习Vue，通过vue-cli脚手架创建的项目环境，写了段时间后，发现这个ESlint语法检测真是令人抓狂！！！
所以不得不停下手中的代码去学习下ESlint的规则配置。
其实我并不反对这些语法检测，但是像许多反个人意愿的那就真的不得不吐槽了，比如vue-cli脚手架创建的默认eslint规则：代码末尾不能加分号 ; 代码中不能存在多行空行tab键不能使用，必须换成两个空格代
转载
2024-08-13 12:13:57
63阅读
ESLINT规则翻译
“no-alert”: 0,//禁止使用alert confirm prompt
“no-array-constructor”: 2,//禁止使用数组构造器
“no-bitwise”: 0,//禁止使用按位运算符
“no-caller”: 1,//禁止使用arguments.caller或arguments.callee
“no-catch-shadow”:
转载
2024-07-20 15:37:10
75阅读
在ReactNative配置git hooks进行eslint检查一文中有详细介绍ReactNative项目怎么添加git hooks，使得在git commit之前对代码进行eslint检查，本文记录一下对应的eslint规则。eslint实用规则规则继承自@react-native-community，在此基础上进行一些自定义的rules配置，具体含义可以在eslint官网查看具体说明是示例m
转载
2024-09-20 10:46:05
67阅读
安装 eslint 插件打开用户配置 文件 -> 首选项 -> 设置 搜索setting.json填写如下配置{
"workbench.colorTheme": "Atom Material Theme",
"search.exclude": {
"**/node_modules": true,
"**/bower_components": true,
