【金秋打卡】第10天 vue3 ESLint
2022/11/3 4:24:53
本文主要是介绍【金秋打卡】第10天 vue3 ESLint,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
课程名称:基于Vue3最新标准,实现后台前端综合解
课程章节: 第一章
课程讲师:Sunday
课程内容
vue2 使用的是 options API
vue3 升级了 composition API 提供 script-setup 函数语法
这是一个25行的 vue3 代码
使用vue3 script-setup 以后 只需要14行
ESLint
规范编程需要使用到 ESLint 项目是由一个团队来开发的, 技术理解上的参差不齐 就会导致 一个项目无法具备统一的编程规范,导致项目的代码像多个不同材质的补丁拼接起来一样
首先 ESLint 是 2013年6月 创建的一个开源项目,它的目标非常简单,只有一个,那就是 提供一个插件化的 javascript 代码检测工具 ,说白了就是做 代码格式检测使用的 在咱们当前的项目中,包含一个 .eslintrc.js 文件,这个文件就是 eslint 的配置文件。
随着大家对代码格式的规范性越来越重视,eslint 也逐渐被更多的人所接收,同时也有很多大厂在原有的 eslint 规则基础之上进行了一些延伸。
// ESLint 配置文件遵循 commonJS 的导出规则,所导出的对象就是 ESLint 的配置对象// 文档:https://eslint.bootcss.com/docs/user-guide/configuringmodule.exports = { // 表示当前目录即为根目录,ESLint 规则将被限制到该目录下 root: true, // env 表示启用 ESLint 检测的环境 env: { // 在 node 环境下启动 ESLint 检测 node: true }, // ESLint 中基础配置需要继承的配置 extends: ["plugin:vue/vue3-essential", "@vue/standard"], // 解析器 parserOptions: { parser: "babel-eslint" }, // 需要修改的启用规则及其各自的错误级别 /** * 错误级别分为三种: * "off" 或 0 - 关闭规则 * "warn" 或 1 - 开启规则,使用警告级别的错误:warn (不会导致程序退出) * "error" 或 2 - 开启规则,使用错误级别的错误:error (当被触发的时候,程序会退出) */ rules: { "no-console": process.env.NODE_ENV === "production" ? "warn" : "off", "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off" }};
这篇关于【金秋打卡】第10天 vue3 ESLint的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set
- 2024-03-01react native uuid
- 2024-02-29vuejs sidebar