E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
ESLINT
笔记整理——Vue2项目尚品汇
目录一、vue-cli脚手架初始化项目各文件夹二、项目的其他配置2.1项目运行,让浏览器自动打开2.2
eslint
校验功能(各种规范的报错)的关闭2.3src文件夹简写方法,配置别名2.4样式的引入三.
Thaley
·
2022-07-13 16:22
前端学习笔记
Vue实例
vue.js
webpack
javascript
Vue 3 Script Setup 时
ESLint
报错 ‘defineProps’ is not defined
![]Z)FJ0GTV~HL%)@3TEX}2`L.jpg](https://upload-images.jianshu.io/upload_images/18731710-07163ebc7c66de26.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
子绎
·
2022-07-13 12:33
箭头函数的适用场景
例如,受欢迎的airbnb
eslint
配置会在您创建匿名函数时强制使用JavaScript箭头函数。然而,就像工程中的任何东西一样,箭头函数优点很明显,同时也带来了一些负面的东
qq112309
·
2022-07-12 14:32
nodejs
箭头函数
nodejs
vue-cli项目中遇到的
eslint
的坑及解决
目录vue-cli遇到的
eslint
的坑报错关于
eslint
规则说明vue-cli遇到的
eslint
的坑报错DonotaccessObject.prototypemethod'hasOwnProperty'fromtargetobjectno-prototype-builtins
·
2022-07-12 13:40
eslint
- vue 项目中 package.json 和 .
eslint
rc.js 配置
直接先创建一个helloworldvue项目package.json文件{"name":"hello","version":"0.1.0","private":true,"scripts":{"serve":"vue-cli-serviceserve","build":"vue-cli-servicebuild","lint":"vue-cli-servicelint"},"dependencie
笑望灬星辰
·
2022-07-10 14:06
javascript
node.js
前端
Nestjs最佳实践教程:1编码环境搭建
本教程使用远程SSH连接Debian服务器进行讲解,同时会给出MacOS的命令,windows本地开发者请自行安装wsl2作为替代学习目标安装与配置node.js+pnpm环境配置tsconfig.json+
eslint
·
2022-07-10 09:36
在VSCode中配置代码自动
eslint
格式化(修改
eslint
规则、
eslint
忽略文件)
一、
Eslint
Eslint
是用来检测和规范代码格式的工具,应用在工程化项目中,可以保证项目代码格式的一致性和规范性,大大提升了代码的可读性。
努力的小朱同学
·
2022-07-10 07:12
前端工具
vscode
前端
eslint
nuxt.js
小白也能看懂的前端知识之六:新手怎么用vue开发及易犯错误
基本上sass、element、vue-router、vuex、
eslint
、axios是标配。
六哲1
·
2022-07-07 09:34
vue
前端
js
vue
javascript
js
前端规范落地,团队级的解决方案
要不要使用
ESLint
?要不要规范化git的提交?答:非个人项目我都建议遵循团队或主流的规范进行编码。写代码和阅读代码是两回事,团队合作的话,代码最好都能让每个成员看着觉得舒服。git的日志也同样
·
2022-07-05 23:24
利用JavaScript编写一个花里胡哨的点击按钮
SendUploadDeleteSubmitrefreshBookmarkSubscribeLogoutAddtocartPauseRegisterExport样式样式代码太长了,影响阅读表现关键代码,总共没几行,让它动起来,你们直接复制拿去用就行/*
eslint
-disable
·
2022-07-05 16:57
eslint
在vscode里的配置问题
一、下载安装首先在项目中安装
eslint
插件,在项目里面把他进行installnpminstall
eslint
--save-dev#如果项目没有安装
eslint
依赖然后把他重新设置为全局应用安装成功后会在
·
2022-07-05 11:36
vue.jses6
vscode prettier
eslint
插件格式化不生效的问题
问题背景公司项目采用的是prettier
eslint
插件来进行格式化,一直以来都用的好好的,最近突然就狗带了,本来还怀疑是我的设置问题,各种百度谷歌,后来发现不是在官网的issue里面发现了答案!!!
·
2022-07-04 17:53
vscode插件前端
vant 源码解析 event.ts 事件处理 全局函数 addEventListener详解
源码/*
eslint
-disableno-empty*//*
eslint
-disablegetter-return*//*
eslint
-disableimport/no-mutable-exports*
丰的传说
·
2022-07-04 12:50
vue
vant源码解析
javascript
前端
vue.js
VS code 安装VUE3 模板报错The template rootrequires exactly one element.
eslint
-plugin-vue
1.首先vscode是安装了Vetur扩展以及
ESLint
扩展2.根据Vue3官网安装脚手架https://v3.cn.vuejs.org/guide/installation.html#%E5%91%
小丫头呀
·
2022-07-02 08:48
开发工具入门教程
vue.js
前端
javascript
Vue学习基础版汇总-项目构建V7.0.0
选择安装的组件,如下:【vue版本】选择2.0(目前项目版本为2.0的)【路由模式】选择路由模式,目前选择#开头的(因为#开头的代表hash值的路由,适配各种浏览器)【样式处理器】选择Less【语法规范】选择
ESLint
以梦为馬Douglas
·
2022-06-29 23:25
Web-Douglas
vue.js
学习
javascript
前端大屏展示框架搭建(一)
基于vue-cli3新建一个项目过程已经写过了~~~参考这里vue-cli3新建项目基于VSCode的代码风格统一配置VSCode先安装这几个插件Vetur、
ESLint
、Prettier-CodeformatterBeautify
liyoro
·
2022-06-28 18:36
web前端
vue
前端
visual
studio
code
html5
标准化编程规范解决方案之pre-commit
在
ESLint
与Prettier的两个章节中,我们讲解了如何处理本地!代码格式问题。但是这样的一个格式处理问题,他只能够在本地进行处理,并且我们还需要手动在VSCode中配置自动保存才可以。
·
2022-06-28 17:12
标准化编程规范解决方案之Commitizen
在前两节我们通过prettier+
ESLint
解决了代码格式的问题,但是我们之前也说过编程规范指的可不仅仅只是代码格式规范。除了代码格式规范之外,还有另外一个很重要的规范就是git提交规范!
·
2022-06-28 17:10
Vue项目之使用EditorConfig,
Eslint
和Prettier实现代码规范
背景每个人的代码风格不同,比如有的人代码缩进喜欢用Tab,有的人喜欢用Space;有的人代码语句后会加上分号,有的人则不加。并且不同的人使用的开发工具也不同,有的人喜欢使用WebStorm,有的人喜欢用VSCode。。。如果是一个人独立开发,这些当然都没啥问题,自己想怎么写就怎么写。代码规范化之后可能也没法立即看到带来的好处。并且相反,可能在某些人看来反而是一种束缚。但是如果是团队协同开发,代码规
·
2022-06-28 13:45
标准化编程规范解决方案之
ESLint
为什么需要编程规范?工欲善其事,必先利其器对于大型的企业级项目而言,通常情况下我们都是一个团队很多人来共同进行开发的。而又因为团队人员对技术理解上的参差不齐,所以就会导致出现一种情况,那就是《一个项目无法具备统一的编程规范,导致项目的代码像多个不同材质的补丁拼接起来一样》设想一下,下面的这段代码有一个团队进行开发,因为没有具备统一的代码标准,所以生成了下面的代码:这段代码可以正常运行没有问题,但是
·
2022-06-27 18:17
标准化编程规范解决方案之Prettier
在上一节中,我们知道了
ESLint
可以让我们的代码格式变得更加规范,但是同样的它也会带来开发时编码复杂度上升的问题。
·
2022-06-27 18:16
前端代码规范之代码格式化配置
导致在对项目开发的过程中代码风格不一,影响团队开发效率;为了方便维护及统一代码风格制定团队的一套格式化配置,来对项目代码进行约束以及对部分问题代码的自动修复使用插件对项目代码格式化目前VScode常用的插件:
ESLint
VeturPrettier
知迷鸟
·
2022-06-27 09:29
前端
前端
react typescript项目配置
eslint
+prettier
前言本文基于(“react”:“^17.0.2”)版本1.安装
eslint
yarnadd
eslint
--save-dev2.安装ts解析器以及ts规则补充yarnadd@typescript-
eslint
好巧.
·
2022-06-27 09:59
javaScript
react
javascript
react
前端规范化标准
规范化是前端工程化的重要一项为什么要有规范标准软件开发需要多人协同不同开发者具有不同的编码习惯和喜好不同的喜好增加项目维护成本每个项目或者团队需要明确统一的标准哪里需要规范化标准代码、文档、甚至是提交日志开发过程中人为编写的成果物代码标准化规范最为重要实施规范化的方法编码前人为的标准约定
ESLint
夏暖冬凉
·
2022-06-27 09:28
前端工程化
前端
前端项目设计
前端项目常用架构项目目录项目构建webpack/vite代码规范
eslint
styleint提交规范husky/lint-staged/commitlint模块化公共库组件,业务组件公共方法ajax请求接口列表路由
rongmingye
·
2022-06-27 09:58
项目管理
前端
前端工程化之规范化
为什么要有规范标准开发需要多人协同开发者不同的编码喜好统一标准,降低维护成本哪里需要规范化标准代码、文档、日志开发过程中的人为成果代码标准化决定项目质量,最为重要如何实施规范化人为的标准约定通过工具实现Lint
ESLint
mxydl2009
·
2022-06-27 09:57
前端工程化
代码静态检查
代码检查
ESLint
Husky
React项目中如何配置
Eslint
1.下
eslint
包yarnadd
eslint
-D2.
eslint
初始化npx
eslint
--init3.vscode在保存代码时自动用
eslint
做格式化步骤:打开设置工作区设置{"
eslint
.run
aichixiangcaia
·
2022-06-27 09:26
react
eslint
react.js
前端
eslint
前端:项目 文件 文件夹 命名规范
项目的格式化遵循
eslint
rc.js中规定的规则;HTML和CSS的格式化与主流保持一致。命名规范1.文件名用下划线连接;2.类、id用中划线;3.项目名用中划线;4.文件夹用小驼峰,组件用大驼峰。
海胆Sur
·
2022-06-27 09:24
web前端
命名规范
前端项目规范化
vd_source=eee62ea3954ac01bff9e87e2a7b40084prettier代码格式化
eslint
js语法检查stylellintcss样式检查配置prettier和
eslint
一个爬坑的Coder
·
2022-06-27 09:24
前端工程化
react.js
javascript
前端
vscode 中如何配置
eslint
支持 typescript react vue 做语法检查?
vscode安装了vscode
eslint
插件,打开一个项目目录,项目内安装并配置了
eslint
,插件会根据当前项目根目录下的
eslint
rule来检测。
·
2022-06-26 13:34
create-react-app全家桶router mobx全局安装配置
初始化项目全局安装create-react-app新建一个项目进入项目并启动sass的配置安装loader依赖修改webpack配置文件引入UI库安装组件按需加载修改webpack文件引入样式在页面中使用组件配置
eslint
·
2022-06-24 18:09
Vite + React从零开始搭建一个开源组件库
目录前言目标搭建开发环境️生成模板CSS预处理器
eslint
组件库编译⚡️vite的打包配置⚡️自动生成ts类型文件⚡️样式懒加载与全量加载文档❤️npm发布与发布前的测试测试前言日常使用开源的组件库时我们或多或少的都会做一些自定义的配置来符合实际的设计
·
2022-06-24 18:09
create-react-app常用自定义配置教程示例
IE10下报错,Map未定义webpack添加alias解决跨域,反向代理配置项目主要文件路径配置关闭自动开启浏览器配置修改webpackoutput.publicPath生产环境关闭sourcemap
eslint
·
2022-06-24 16:33
Vue3+ts配置
Eslint
安装
eslint
cnpminstall
eslint
--save-dev初始化npm
eslint
--init//选择配置√Howwouldyouliketouse
ESLint
?
·
2022-06-22 17:50
手写vite插件教程示例
目录前言1.什么是vite插件2.为什么要写vite插件创建vite插件通用模板1.初始化2.配置
eslint
和prettier(可选)3.新增src/index.ts入口4.创建examples目录5
·
2022-06-22 16:19
eslint
-plugin-import Unable to resolve path to module
原文https://github.com/zhbhun/blo...
eslint
-plugin-import用于检查ESModule的导入和导出代码,防止文件路径和导入名称拼写错误的问题。
·
2022-06-20 00:07
webstorm配置
eslint
校检
webstorm配置
eslint
校检前言一、使用步骤1.安装依赖并初始化文件2.配置webstorm总结前言作为开发人员,在开发过程中总会编写出一些冗余和不规范的代码,这个时候我们需要用到一些工具来校检我们的代码
bug别找我
·
2022-06-19 19:29
环境
javascript
前端
vue.js
vue项目中配置
eslint
和prettier
一,现象新建vue项目后,写完代码后,希望能保存ctrl+s之后,自动格式化代码目前只是使用vue-cli脚手架创建的项目,虽然引入了
eslint
,但要想在vscode中保存代码时,实现自动格式化,还需要做以下的配置
笑道三千
·
2022-06-19 18:28
前端工程化
1024程序员节
VUE项目实战(一)
VUE项目实战(一)1.vue-cli脚手架初始化项目2.项目的其他配置1.项目运行起来的时候,浏览器自动打开2.
eslint
校验功能关闭3.src简写为@3.路由传参4.路由传参相关面试题5.重写push
Coisini️
·
2022-06-18 12:06
vue实战系列
vue.js
ESLint
学习笔记 - 配置
配置文件有四种方式来添加配置信息:在源代码中添加配置信息的注释在命令行中通过参数来添加配置信息在package.json文件中的
eslint
Config字段添加配置信息创建单独的配置文件(推荐)配置文件的格式
_于曼丽_
·
2022-06-17 20:46
React脚手架
devServer…)下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库:create-react-app项目的整体技术架构为:react+webpack+es6+
eslint
一支海棠
·
2022-06-13 00:55
React
react
获取年月日星期几
在utils中定义了一个formatTime.tsimportmomentfrom'moment';//
eslint
-disable-next-linespellcheck/spell-checkermoment.locale
阿六啊
·
2022-06-11 20:36
typescript
vue.js
vue规范
一、代码规范1.1IDE插件使用VisualStudioCode编译器,下载
ESLint
、Prettier-Codeformatter、Stylelint插件点击编译器左上角文件>首选项>设置>右上角编辑
疑似故人归去
·
2022-06-10 23:08
Web WebStorm 之 开发常用插件简单整理
WebWebStorm之开发常用插件简单整理目录WebWebStorm之开发常用插件整理一、简单介绍二、常用插件1、ideaVim2、.ignore3、AceJump4、
ESLint
5、CodeGlance6
仙魁XAN
·
2022-06-10 11:38
Web
前端
webstorm
javascript
常用插件
主题
关于新的vue/cli版本中使用麻烦制造者
EsLint
的报错问题
package.json{"
eslint
Config":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","
eslint
剑指流云
·
2022-06-08 14:46
webstorm配置
ESLint
(适合插件搜不出
esLint
的情况) + 解决this.CliEngineCtor is not a constructor的问题
webstorm手动配置
ESLint
(适合插件搜不出
esLint
的情况)说明:有时候,我们js逆向的时候,粘贴js代码到webstorm,我们希望可以看到哪些方法是未被定义而被使用的,这样能更方便我们去调试代码
无心同学
·
2022-06-08 07:28
webstorm
javascript
es6
intellij
idea
vite+ts+
eslint
搭建vue3.0开发模版
本文模版地址创建项目文件夹,执行npm初始化命令mkdirprojectcdprojectnpminit-y安装vitenpmivite-D安装vitevue支持npmivue@next@vue/compiler-sfc#vue框架npmi-D@vitejs/plugin-vue#vite解析vue文件配置vitevue支持新建vite.config.js文件import*aspathfrom'p
flee-lether
·
2022-06-05 07:52
vuejs
vite
web
vue.js
【Vue】快乐学习第五篇,webpack,vueCli2,3,箭头函数
大家好,我是小周,最近在忙着期末考试,继续写Vue的学习笔记,如果觉得还不错,三连支持博主文章目录webpack安装webpackvuecli脚手架的介绍和安装脚手架2目录详解关闭
eslint
代码校验Runtime
王 子
·
2022-06-04 09:43
vue
webpack
vue.js
学习
通过-pre-commit-检测提交时代码规范
之前章节有说过
ESLint
与Prettier配合可以解决代码格式问题,但是这个只能检测本地的,本地需要配置才可以,如果在团队开发中,有的小伙伴忘记配置,就会存在问题,所以我们期望通过husky监测pre-commit
翟敏1201
·
2022-05-31 07:40
前端常用知识
代码规范
vue2+husky+
eslint
+prettier+commitlint
本文介绍vue2添加git校验1、npxhuskyinstall生成.husky的文件夹2、在.husky文件夹下创建文件pre-commit内容如下:#!/bin/sh."$(dirname"$0")/_/husky.sh"//--allow-empty解决格式化prettier文件没变的问题npxlint-staged--allow-empty3、命令行提交安装提交内容规范第一步:npmi-D
·
2022-05-30 17:33
vue.jshusky
上一页
41
42
43
44
45
46
47
48
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他