React Native项目添加ESlint代码检查
原创
2023-05-27 00:46:59
157阅读
装包： yarn add eslint yarn add onchange .eslintrc.js: module.exports = { env: { jest: true, browser: true, commonjs: true, es2021: true, }, extends: ['e
原创
2024-04-29 09:39:27
103阅读
现代的前端应用大多都是 SPA（单页应用程序），也就是只有一个 HTML 页面的应用程序。因为它的用户体验更好、对服务器的压力更小，所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能，前端路由应运而生。前端路由的功能可以让用户从一个视图（页面）导航到另一个视图（页面），前端路由是一套映射规则，在React中是 URL路径 与 组件 的对应关系使用React路由简单来说，就是配置路径和组件（
步骤1、安装eslintnpm i eslint --save-dev2、新建.eslintrc文件文件内容如下：{
"extends": ["plugin:vue/recommended", "prettier"], // 是一个 npm 包，它输出一个配置对象。要确保这个包安装在 ESLint 能请求到的目录下
"env": {
"browser": true
创建项目 首先，我们使用官方提供的脚手架 create-react-app 来创建一个项目： npx create-react-app eslint-prettier-react-demo/ cd eslint-prettier-react-demo/ Eslint 安装依赖 Eslint 是一个可
转载
2020-11-23 17:43:00
403阅读
2评论
// eslint-disable-next-line
原创
2022-06-30 16:24:58
1158阅读
Eslint：是 JavaScript 的验证工具，可以在项目中形成一套规范，检测代码是否出错等。1. 安装eslint及依赖包// 全局安装
npm i -g eslint
// 当然也可以局部安装
cnpm i -D eslint
cnpm i -D eslint-config-airbnb eslint-plugin-jsx-a11y eslint-plugin-import eslint
转载
2024-09-12 09:33:42
453阅读
// 文件注释中 禁用、启用、配置规则（在文件最顶部添加）/* eslint-disable *//* eslint-enable *//* eslint eqeqeq: 0, curly: 2 */// 单独给某行js代码关闭eslint检测，如下：// e...
原创
2021-07-27 19:36:25
1454阅读
一、安装npm i -D eslint
npm i babel-eslint \
eslint-config-airbnb \ // Airbnb的编码规范是在业界非常流行的一套规范
eslint-loader \
eslint-plugin-import \
eslint-plugin-jsx-a11y \
eslint-plugin-node \
eslint-plugi
cd到我们的项目，安装ESlint：cnpm install eslint --save-dev2. 创建ESlint配置文件.eslintrc.js：eslint --init以上选项一路回车即可，这些就是使用的eslint规则，后面可以自定义调整；4. 安装 eslint-plugin-react 等相关依赖：cnpm install babel-eslint eslint-plugin-re
转载
2024-05-16 06:27:56
93阅读
eslint配置方式有两种： 有几种东西是可以配置的： 环境：你的脚本会在哪种环境下运行。每个环境带来了一组特定的预定义的全局变量。 全局变量：脚本运行期间会访问额外的全局变量。 规则：使用那些规则，并且规则的等级是多少。 我们这里使用配置文件.eslintrc.js来配置，它导出一个模块供ESLi
原创
2021-08-20 11:52:52
288阅读
一、认识入口文件React 中，app/main.js 叫做入口文件，这个文件是 webpack.congifg.js 的 entry 标识的文件。任何项目入口文件只能有 1 个。入口文件写法：import React from "react";
import ReactDom from "react-dom";
import App from "./App";
ReactDom.render(
转载
2024-09-12 22:25:44
107阅读
React Native中Storage使用详解和封装在移动端开发中，数据库存储肯定是避免不了的需求，在iOS中，我们也经常使用NSUserDefault单利类来存储一些简单的用户信息等数据，在web开发中我们经常使用LocalStorage来存储简单数据，在React Native中，我们可以选择直接使用官方推荐的数据存储组件AsyncStorage组件，但是有时候使用起来还是不够简单，功能不够
开启学习react+ts，本篇主要是学习使用React Redux和项目的路由配置一、React Redux需求：使用TS+React Redux实现一个累加。A. 安装$ yarn add redux react-redux redux-devtools-extensionB. Storesrc下新建 store 目录，在其中新建 reducer.ts 和 index.ts：a. reducer
转载
2024-09-05 16:15:35
178阅读
背景介绍最近在做react-native应用Android端沉浸式状态栏时，发现通过Statusbar.setTrranslucent(ture)设置界面拉通状态栏之后，使用Modal 组件的地方界面无法延伸到状态栏，导致使用Modal实现的弹窗背景蒙层顶部会有一个白条，看起来很不爽，在经过一番搜索之后，发现react-native github 上有人提这个问题，但是没有解决。因此就
序言：本篇介绍React下载安装以及环境搭建 目录一、Nodejs安装二、create-react-app安装三、创建/启动React程序四、编码工具VScode 一、Nodejs安装Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境（运行js需要node.js）。因为React是JavaScript库，所以需要安装Node.js1、下载node.js 可以去官
一、react hook知识1、基本使用最常用的Hook，有两个：useState、useEffectimport React, { useState } from "react";
export function Count() {
const [count, setCount] = useState(0);
return (
<>
<button onClic
更改标题public您可以在生成的项目的文件夹中找到源 HTML 文件。您可以编辑其中的<title>标签以将标题从“React App”更改为其他任何内容。请注意，通常您不会public经常编辑文件夹中的文件。例如，添加样式表无需接触 HTML。如果需要根据内容动态更新页面标题，可以使用浏览器document.titleAPI。对于更复杂的场景，当您想从 React 组件更改标题时，
转载
2024-06-11 00:45:14
21阅读
开发环境 windows开发工具 visual studio codenode 安装和 npmwindows 安装node 可以直接在 node官网 直接下载直接当作普通软件安装即可。 安装完成可以在控制台中运行node测试是否安装成功 win + r 输入 cmd ,直接在终端输入node -v 输出版本号及已经成功安装。 目前新版本的node自
前面的话 使用Facebook官方推出的create-react-app脚手架，我们基本可以零配置搭建基于webpack的React开发环境。但是，如果需要个性化定制，则还需要基于create-react-app进行再配置 环境变量【设置】 在根目录下新建.env文件，可以用于本地环境变量覆盖 如在该文件中进行如下设置PORT=2000 则开发服务器会在2000端口开启服务【默认
