浅谈EditorConfig、Prettier以及Eslint的使用 EditorConfig、Prettier以及Eslint都用于实现前端代码规范化的工具,它们的功能分别如下:  EditorConfig: 专注于统一编辑器编码风格配置  Prettier: 专注于检查并自动更正代码风格,美化代码  Eslint: 专注于 JavaScript 代码质量检查, 编码风格约束等 下面将简要
转载 2024-07-29 11:51:16
58阅读
标题:提升 TypeScript 代码质量的神器:eslint-import-resolver-typescript项目地址:https://gitcode.com/import-js/eslint-import-resolver-typescript项目介绍eslint-import-resolver-typescript 是一个强大的插件,它为 eslint-plugin-import 提供了
转载 2024-08-27 13:32:57
51阅读
ESLint is an open source project originally created by Nicholas C. Zakas in June 2013. Its goal is to provide a pluggable linting utility for JavaScript.还是放个中文的介绍吧~ESLint最初是由Nicholas C. Zakas 于2013年6月
1.  光标移动         移动光标最常用的就是方向键,但是方向键每次只能把光标移动一个位置,可以说是一种相对低效的方式。下面介绍 针对单词、行、代码块、整个文档等多种光标移动方式。   1.1 针对单词的移动   &nbs
什么是 universal links: (通用链接) 一种能够方便的通过传统 HTTP 链接来启动 APP, 使用相同的网址打开web page和 APP的方式。第一点,链接打开网址 顾名思义第二点,链接打开app, 通常 我们都会用 url scheme(schema)  就是 在info 中 可以配置几个目标需求app的 一个 schema (关键key 唯一应用标识),然后使用
什么是Universal Link(通用链接)Universal Link(通用链接)是Apple在iOS9推出的一种能够方便的通过传统HTTPS链接来启动APP的功能,可以使用相同的网址打开网址和APP。当你的应用支持Universal Link(通用链接),当用户点击一个链接是可以跳转到你的网站并获得无缝重定向到对应的APP,且不需要通过Safari浏览器。如果你的应用不支持的话,则会在Saf
//link函数主要用于操作dom元素,给dom元素绑定事件和监听.link:function(scope,element,attr,c
原创 2023-01-30 15:59:48
76阅读
关于自定义指令的命名,你可以随便怎么起名字都行,官方是推荐用[命名空间-指令名称]这样的方式,像ng-controller。不过你可千万不要用 ng-前缀了,防止与系统自带的指令重名。另外一个需知道的地方,指令命名时用驼峰规则,使用时用-分割各单词。如:定义myDirective,使用时 像这样:<my-directive>。这里列出directive的合法命名:ng:bindng-b
转载 精选 2014-12-19 21:34:03
443阅读
前言 在指令中存在controller和link属性,对这二者心生有点疑问,于是找了资料学习下。 话题 首先我们来看看代码再来。 第一次尝试 页面: 脚本: 【注】:基础还是非常重要,页面上为custom-directive,在脚本我写成customdirective时死都没出效果,改成cu
原创 2022-02-09 16:27:18
110阅读
angularjs指令link方法无法正确获取element
原创 2016-04-06 14:29:39
902阅读
2点赞
1评论
关于自定义指令的命名,你可以随便怎么起名字都行,官方是推荐用[命名空间-指令名称]这样的方式,像ng-controller。不过你可千万不要用 ng-前缀了,防止与系统自带的指令重名。另外一个需知道的地方,指令命名时用驼峰规则,使用时用-分割各单词。如:定义myDirective,使用时 像这样:<my-directive>。这里列出directive的合法命名: ng:bindng-
1、eslint需要依赖node.js环境,在配置之前需要安装好node.js;2、npm install eslint --save-dev 或 npm install eslint --save -g 进行全局安装3、配置到自己的编辑器里面,这里已webstorm为例,ctrl+alt+s调出settings面板,依次配置即可4、在项目根目录下新建文件.eslintrc并配置如下内容即可:ps
转载 2024-03-07 12:41:13
740阅读
前端常用的ESlint配置配置规则 配置规则ESlint 是基于规则在检测代码的env:你的脚本将要运行在什么环境中;globals:额外的全局变量;parserOptions:JavaScript 选项。"parserOptions": { // ECMAScript 版本 "ecmaVersion":6, "sourceType":"script",//module //
转载 2024-04-16 16:49:43
504阅读
报错一:VUE3 You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignor8:1 error Delete `⏎` prettier/prettier ✖ 1 problem (1 error, 0 warnings) 1 error and 0 warn
转载 2024-03-21 15:23:53
773阅读
最近在项目打包时,出现如下一些错误:这些错误本可以避免的,前面把编辑器卸载重装忘记设置了,真是自己坑了自己 o(╥﹏╥)o在项目中使用ESLint校验附带了大量的规则,ESLint的官方rules文档,我们可以自定义规则设置,但设置规则时必须将值设置为以下值之一:"off" or 0:停用这个规则"warn" or 1:启用规则,当不满足规则时发出警告,不会导致程序退出"error" o
转载 2024-03-06 12:43:49
110阅读
linux shell symbolic link & soft link, symbol link, link bash
转载 2018-07-04 10:58:00
354阅读
前言代码规范对于个人开发和团队开发来说都是非常重要的一个环节,在开发之前团队就应该定义完项目中开发时需要遵守的规范。对于前端开发来说eslint 是专门来解决团队开发中每个人随心所欲的编写代码产生的问题。也强制我们必须遵守那些规则。 ESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。
一、概述ESLint的目标是提供一个插件化的JavaScript代码检测工具。代码检查是一种静态的分析,常用于寻找有问题的模式或者代码,并且不依赖于具体的编码风格。JavaScript是一个动态的弱类型语言,在开发过程中比较容易出错。因为没有编译程序,为了寻找JavaScript代码错误通常需要在执行过程中不断调试。ESLint可以让程序员在编码的过程中发现问题。ESLint 的初衷是为了让程序员
转载 2024-04-25 13:41:35
94阅读
Eslint Rules为了让你对规则有个更好的理解,ESLint 对其进行了分门别类。// 规则格式 rules: { // 规则名 'vue/max-attributes-per-line': [ // 规则权重(报错,警告,不理会) 2, { singleline: 5, // 规则选项 multi
转载 2024-02-27 13:29:34
77阅读
eslint是一个代码检查工具,用来检查你的代码是否符合指定的规范1.ESLint-自定义规则在项目根目录下面,有一个.eslintrc.js文件,它是对eslint进行配置的,其中有一个属性是专门用来设置自定义代码规则的:rulesmodule.exports = { root: true, // 当前项目使用这个配置文件, 不会往父级目录找.eslintrc.js文件 env: { /
  • 1
  • 2
  • 3
  • 4
  • 5