程序员经验分享-hwhale

vue/react/node项目通过eslint检查语法规范

2023-10-31

首先 我们打开终端 全局安装依赖

npm install -g eslint

然后 以管理员身份运行项目终端 输入

eslint --init

然后 这里 在初始化时会问我们想如何使用它?
在这里插入图片描述
分别对应
仅检查语法
检查语法并发现问题
检查语法、发现问题并强制执行代码样式
这里建议第二种 第三种肯定是不行的

然后问我们
您的项目使用哪种类型的模块?
在这里插入图片描述
JavaScript模块（导入/导出）
CommonJS（需要/导出）
这些都没有
这里 我只需要js的导入导出 所以 我选择第一个 大家要根据自己的情况选择

然后我们
您的项目使用哪个框架?
在这里插入图片描述
react
vue
都有
这里 我的是vue

问我们项目使用了TypeScript吗？ 我这里 没有 所以是 NO
在这里插入图片描述
然后我们代码在哪个环境运行
在这里插入图片描述
Browser
Node
我的是 Node

问我们希望配置文件是什么格式的？
在这里插入图片描述
js YAML JSON 这里 的话 我选择json
问我们想选择安装吗？ YES
在这里插入图片描述
问我们想用什么工具来管理
在这里插入图片描述
npm
yarn
pnpm
我肯定是用自己最熟的npm

然后等待安装完成
在这里插入图片描述
运行完毕后 我们项目就会多出一个.eslintrc 的配置文件
在这里插入图片描述
然后在这个文件中的 rules 中填写你的配置 这个你可以自己去查一下
在这里插入图片描述
然后 我们以管理员身份打开项目终端
然后 这里注意 你要到你要检查的文件的上一级目录
例如 这里我想检查 src下的 App.vue组件
那么 我们就要打开项目终端 然后 cd 来到src目录下 然后检查src下的App.vue 如果更下级 就要继续cd
然后检查的语法是 eslint 要检查的文件
参考代码

eslint App.vue

在这里插入图片描述
最好的还是 这个东西不会影响你项目正常运行 可以说相当良心了

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vuejs

ReactJS

前端

vue/react/node项目通过eslint检查语法规范 的相关文章

随机推荐

  • 后台管理系统项目

    1 项目名称 后台管理 2 技术栈 vue全家桶 element ui axios less eachers 3 项目亮点 性能优化 百万级项目 新旧系统更迭 权限把控 项目开发流程 1 安装vue脚手架 2 vue create 项目名称

  • MySQL-索引

    一 介绍 索引是数据库对象之一 用于提高字段检索效率 使用者只需要对哪个表中哪些字段建立索引即可 其余什么都不做 数据库会自行处理 索引提供指向存储在表的指定列中的数据值的指针 如同图书的目录 能够加快表的查询速度 但同时也增加了插入 更新

  • SpringBoot 二维码生成

    来源 https www cnblogs com songweipeng p 16623793 html 一 基于Google开发工具包ZXing生成二维码

  • 算法与数据结构之带头结点的单链表

    单链表优缺点 链表是非随机存取的存储结构 和顺序表相比 链表存储结构在实现插入 删除的操作时 不需要移动大量数据元素 但不容易实现随机存取线性表的第 i 个数据元素的操作 所以 链表适用于经常需要进行插入和删除操作的线性表 如飞机航班的乘客

  • 【机器学习 - 5】：多元线性回归

    文章目录 多元线性回归 多元线性回归公式推导 举例 波士顿房价 取特征值RM为例 取所有特证为例 多元线性回归 多元线性回归方程 特征值为两个或两个以上 以下是多元线性回归的模型 我们需要求出theta 使得真实值和预测值的差值最小 多元线

  • 前端系列19集-vue3引入高德地图，响应式，自适应

    npm i amap amap jsapi loader save import AMapLoader from amap amap jsapi loader 使用加载器加载JSAPI 可以避免异步加载 重复加载等常见错误加载错误 为地图注

  • 四种推荐系统原理介绍（基于内容过滤／协同过滤／关联规则／序列模式）

    在推荐系统中常用的技术可大致分为四类 基于内容的过滤 协同过滤 基于规则的方法和混合方法 一 基于内容过滤 基于内容过滤推荐系统思路如下 1 通过在抓取每个商品的一系列特征来构建商品档案 2 通过用户购买的商品特征来构建基于内容的用户档案

  • Jmeter怎么添加token?

    不需要token的场景 随便进入一个购物app 都是可以看里面的商品的 这时不需要token 但是当你要买它的时候就需要你登录自己的账号 登录状态需要token 什么时候需要用到token 比如 京东商城里面 我需要查看我的消息列表 这时候

  • Jenkins自动化构建网站与流水线构建Maven项目实战

    1 gitlab Jenkins自动化构建网站实战 基本架构 通过gitlab jenkins构建一个常规网站的原理图 Jenkins插件和环境配置 配置全局变量 要配置的全局变量有Git JDK和Maven 指定JDK的路径 设置Git可

  • vue2.0 vue3.0 input组件封装

    vue2

  • tar -xf node-v12.16.1-linux-armv7l.tar.xz 错误

    1 tar解压tar xz能会出错 因为你的系统里没有对应的解压工具 你安装上xz和tar对应工具包就行 apt get install xz utils 2 chmod无法访问 没有那个文件或目录 方案之一 修改 etc selinux

  • UEFI模式安装下Ubuntu 18.04 系统分区参考（win10+Ubuntu双系统）

    由于这几天给自己的电脑成功装了双系统 所以在此记录下当时在装Ubuntu系统中最难懂的部分 系统分区 以供大家以及自己今后参考 具体安装步骤我就不一一细说了 可以参考其他博主的文章 小米笔记本安装Win10 Ubuntu16 04 LTS

  • 金山卫士开源软件之旅(二) 简单教程：如何创建一个基于金山卫士界面库的工程

    完整解决方案代码压缩包 test full zip 267 59 KB 参考 http bbs code ijinshan com thread 1391 1 1 html 为了让更多的朋友能够让自己的程序使用上金山卫士的界面库 现将创建界

  • oracle case when的使用方法

    大家都知道Case when的用法 一旦满足了某一个WHEN 则这一条数据就会退出CASE WHEN 而不再考虑其他CASE 文章来详细的介绍了case when的用法并举例说明了 Case when 的用法 简单Case函数 简单CASE

  • C++ 接口（抽象类）

    C 接口是使用抽象类来实现的 接口描述了类的行为和功能 而不需要完成类的特定实现 且抽象类与数据抽象互不混淆 如果类中至少有一个函数被声明为纯虚函数 则这个类就是抽象类 数据抽象则是一个把实现细节与相关的接口分离开的概念 如果类中至少有一个

  • Ubuntu18.04安装ROS教程bug解决办法

    Ubuntu18 04安装ROS教程bug解决办法 写在前面 一 配置源文件bug 二 rosdep update 报错 三 安装ROS中出现bash opt ros melodic setup bash 没有那个文件或目录或者bash o

  • linux设置时间为24小时制，设置时区

    1 查看系统时间 root localhost localdomain date Thu Feb 4 14 24 18 CST 2010 时区是CST 为了彻底弄明白GMT UTC CST 我查阅了下网上的相关教程 进行整理 一般来说 UT

  • Android 应用内部存储之应用文件缓存

    前言 Android 应用内部存储之应用文件缓存的重点在最后总结 如果想快速学习 直接查看最后总结 在向手机上保存数据 一般是把数据保存在sdcard中的 大部分应用是直接在sdcard的根目录下创建一个文件夹 然后把数据保存在该文件夹中

  • 一个TCP长连接设备管理后台工程(四)---jtt808协议解析

    协议解析 从前面内容我们可以发现 808协议是一个很典型的协议格式 固定字段 变长字段 其中固定字段用来检测一个帧格式的完整性和有效性 所以一般会包含一下内容 帧头 变长字段对应的长度 校验 由于这一段的数据格式固定 目的单一 所以处理起来

  • vue/react/node项目通过eslint检查语法规范

    首先 我们打开终端 全局安装依赖 npm install g eslint 然后 以管理员身份运行项目终端 输入 eslint init 然后 这里 在初始化时会问我们想如何使用它 分别对应 仅检查语法 检查语法并发现问题 检查语法 发现问

热门标签