- vue3 + vite + js 配置Eslint + prettier
菜鸡的崛起
vuejavascriptvue
第一步安装ESlintnpmieslint@latest-D或pnpmaddeslint@latest-D/pnpminstalleslint@latest-D或yarnaddeslint@latest-D第二步初始化Eslintnpxeslint--init执行npxeslint--init控制台会出现以下步骤1)你想如何使用ESLint(选择最后一个)Youcanalsorunthiscomm
- git commit 自动修复 eslint 和 prettier
等下吃什么?
前端前端
npminstalllint-stagedeslintprettier--save-dev修改package.json"lint-staged":{"**/*.{js,jsx,ts,tsx,vue}":["prettier--write","eslint--fix"],"**/*.json":["prettier--write"],"**/*.{less,md}":["prettier--writ
- vue3 + vite + js 配置Eslint + prettier_vite+js+vue3配置eslint
2401_84446882
程序员javascriptvue.js前端
server:{port:3300,cors:true,proxy:{}},build:{outDir:path.resolve(__dirname,‘…/dist’)}})#####第四步安装eslint-parser(ESLint解析器)pnpmadd@babel/core-D//某些代码需要调用Babel的API进行转码,就要使用@babel/core模块。pnpmadd@babel/esl
- vue3 + vite + js 配置Eslint + prettier_vite+js+vue3配置eslint(2)
2401_84446882
程序员javascript开发语言ecmascript
build:{outDir:path.resolve(__dirname,‘…/dist’)}})#####第四步安装eslint-parser(ESLint解析器)pnpmadd@babel/core-D//某些代码需要调用Babel的API进行转码,就要使用@babel/core模块。pnpmadd@babel/eslint-parser@latest-D#####第五步安装prettier(
- vue3 + vite + js 配置Eslint + prettier_vite+js+vue3配置eslint(1)
2401_84446882
程序员javascriptvue.js前端
第三步安装vite-plugin-eslint//该包是用于配置vite运行的时候自动检测eslint规范,不符合页面会报错pnpmaddvite-plugin-eslint@latest-D//安装最新版eslint-plugin-vuepnpmaddeslint-plugin-vue@latest-D配置vite.config.jsimport{defineConfig}from'vite'i
- 前端项目开发之安装prettier和使用
迷途小码农零零发
配置安装前端javascriptreact
前端项目开发之安装prettier和使用Prettier是一个流行的代码格式化工具,可以帮助你保持代码风格的一致性。以下是如何在VisualStudioCode(VSCode)中安装和使用Prettier的步骤:安装Prettier通过VSCode扩展市场安装:打开VSCode。点击左侧活动栏中的扩展图标(或按Ctrl+Shift+X)。在搜索栏中输入Prettier-Codeformatter。
- windows vscode Delete `␍`eslintprettier/prettier 报错
Ciito
前端windowsvscodeide
问题根源罪魁祸首是git的一个配置属性:core.autocrlf由于历史原因,windows下和linux下的文本文件的换行符不一致。Windows在换行的时候,同时使用了回车符CR(carriage-returncharacter)和换行符LF(linefeedcharacter)而Mac和Linux系统,仅仅使用了换行符LF老版本的Mac系统使用的是回车符CRWindowsLinux/Mac
- 前端配置环境
葱头的故事
前端
工具类配置一、下载GitBash下载地址二、下载google浏览器下载地址三、下载微信开发者工具下载地址四、下载vscode下载地址1、安装中文包安装中文包教程2、安装插件3、vscode中使用git教程4、setting.json我自己常用的:{"editor.fontSize":18,"[scss]":{"editor.defaultFormatter":"esbenp.prettier-vs
- 搭配使用 ESLint 和 Prettier 优化代码风格和质量
小于负无穷
javascripthtml5css3typescriptnode.js前端vue.js
在前端开发中,保持一致的代码风格和高质量的代码至关重要。ESLint和Prettier是两个流行的工具,分别用于代码质量检测和代码格式化。然而,如何将这两个工具搭配使用,使它们相辅相成,是许多开发者关注的问题。本文将详细介绍ESLint和Prettier的基本使用方法以及如何将它们无缝集成在一起。1.什么是ESLint和Prettier?ESLint:一个强大的JavaScript代码分析工具,主
- 客户端web开发工具
ww要努力呀
前端前端
文章目录安全网络Linter-->捕获代码错误-->eslint源代码控制-->Git代码格式化-->Prettier打包工具--Parcel--Webpack转换--Babel开发后阶段测试工具配置工具其他node,npm、yarnnode.js包管理器npmyarnhttps://developer.mozilla.org/zh-CN/docs/Learn/Tools_and_testing/
- vite+ts+vue3项目初始化 -- eslint+prettier代码格式化
weixin_43993776
vue.jsjavascript前端
vue3+ts项目初始化配置--eslint+prettier格式化校验一、配置@代替src目录二、项目中引入scss三、引入公共样式四、引入组件报红色波浪线五、有些语法不认识需要在vscode中安装Volar插件六、自动导包(vue、vue-router、element-plus、element-plus样式)七、配置方向代理和端口号八、父子组件通讯(只写在ts中的方法)九、pinia的使用(另
- 一、vue3+ts项目框架搭建——规范
小曲曲
vue3.0框架搭建前端框架
新建项目及规范配置1.1项目初始化1.1.1环境准备1.1.2初始化项目1.2项目配置一、eslint配置1.1vue3环境代码校验插件1.2.eslintrc.cjs配置文件1.3运行脚本二、配置prettier:格式化工具2.1安装依赖包2.2.prettierrc.json添加规则2.3.prettierignore忽略文件三、配置stylelint:格式化css代码3.1.stylelin
- pritter-Code formatter(代码格式化)配置
就叫NaN吧
javascripthtmlcss3
pritter-Codeformatter(代码格式化)配置文章目录pritter-Codeformatter(代码格式化)配置前言一、prettier是什么?二、常见参数说明三、配置步骤步骤一:在VScode下载prettier插件步骤二(第一种方法):在vscode‘’设置‘‘中进行调参步骤二(第二种方法):在vscode‘’settings.json‘‘文件中进行调参步骤三:保存时代码的自动
- VSCode中的Prettier - Code formatter插件配置
i小杨
vue相关前端
一、Prettier-Codeformatter文件配置settings.json文件参考文章@前端烂笔头参考文章@m0_57617148关闭eslint语法报错:参考文章@钢镚儿吖建议:首先采用文章一的文件配置二、关闭保存自动格式化功能在settings文件中将如下属性设置为false"editor.formatOnSave":false,//#每次保存的时候自动格式化相关配置再settings
- vscode的格式化配置
草珊瑚_6557
校验和格式化谁所有文件依据正则指定的文件特定后缀名特定目录下的文件谁来格式化插件来格式化内容。常见插件editorconfigeslintveturprettier格式化规则首先不同的文件对应不同的格式化内容其次不同的插件提供不同的格式化功能再者插件之间的格式化功能会覆盖冲突最后格式化规则会和校验规则发生冲突参考规则配置(editorconfig):root=true#根目录的配置文件,编辑器会由
- React ts项目配置Eslint+StyleLint+prettier+husky+lint-staged规范
悟空Wukong95
下载相关依赖npminstalleslint@typescript-eslint/parser@typescript-eslint/eslint-pluginprettiereslint-config-prettiereslint-plugin-prettierstylelintstylelint-config-css-modulesstylelint-config-standardstyleli
- 本地相关配置
vscode配置:{//指定VSCode界面的颜色主题"workbench.colorTheme":"DraculaSoft",//将Prettier设置为HTML、JavaScript和Vue文件的默认代码格式化工具"[html]":{"editor.defaultFormatter":"esbenp.prettier-vscode"},"[javascript]":{"editor.defau
- vscode配置微信小程序编辑环境 2024/2/10更新
代码对我眨眼睛
微信小程序vscode微信小程序ide小程序
上一篇1.下载插件格式化插件wxml高亮支持插件一些基础功能2.配置vscode设置如果没有这个文件是因为没有设置过内容所以没有创建,自己创建一个文件夹.vscode文件名settings.json内容{"minapp-vscode.wxmlFormatter":"prettier",//wxml格式化插件"minapp-vscode.prettier":{//prettier配置"useTabs
- typescript 构建编写发布包流程
香樟树的夏天
typescript构建编写发布包流程初始化修改tsconfig.json配置husky构建代码检查安装husky,tslint,prettier配置tslint,prettier配置typedoc安装typedoc生成docs文档配置nginx添加自动刷新文档功能安装gulp-nodemon,browser-sync配置glupfile.js编写server.js编写插件代码方法库组件库添加单元
- ESLint & prettier 配置代码风格
程序员iteng
前端vue.jsjavascript前端
环境同步:1、ESlint,开启保存自动修复配置文件.eslintrc.cjsprettier风格配置https://prettier.io使用单引号不使用分号每行宽度至多80字符不加对象|数组最后逗号换行符号不限制(winmac不一致)vue组件名称多单词组成(忽略index.vue)props解构(关闭)module.exports={root:true,'extends':[...],par
- eslint+prettier统一管理前端代码规范-基础篇
weiweivita
nodejs前端vscodenpmvscodenode.js
两者的区别eslint:代码格式和代码质量都支持检查,但最擅长的是代码质量处理,不擅长代码格式处理。prettier:是一个代码格式化工具,只做代码格式化处理,比如是否使用单引号,语句结尾是否使用分号等等。结论:我们一般采用eslint来做代码质量约束,用prettier来做代码风格约束。使用安装vscode插件:eslint和Prettier-Codeformatter安装依赖包:yarnadd
- Vue3.4+element-plus2.5 + Vite 搭建教程整理
天马3798
Vuevue.js前端javascriptVue3.4element-plus2.5
一、Vue3+Vite项目搭建说明:Vue3最新版本已经基于Vite构建,关于Vite简介:Vite下一代的前端工具链,前端开发与构建工具-CSDN博客1.安装并创建Vue3应用npmcreatevue@latest创建过程可以一路NO目前推荐使用VueRouter--->Yes;ESLint--->Yes;Prettier-->Yes2.启动调试Vue3应用npmrundev3.编译发布Vue3
- eslint+prettier统一管理前端代码规范-进阶篇
weiweivita
前端vuevscodevuetypescriptjavascriptnpm前端
ts文件支持安装依赖包@typescript-eslint/parser,eslint不支持ts文件的解析,需要安装ts解析器来解析:parserOptions:{parser:'@typescript-eslint/parser'}安装依赖包@typescript-eslint/eslint-plugin,使用extends继承插件规则:extends:['plugin:@typescript-
- vscode的vetur文档格式化失效
檀玥
报错vscodejavascriptvue.js
如果vscode安装了vetur插件之后,shift+Alt+F又无法格式化vue文件代码。解决办法:打开文件--->首选项--->设置,搜索vetur.format.defaultFormatter.html后将prettier替换勾选为js-beautify-html注:设置下划线了并可以在上面写字(毕设论文):先用空格键决定你想设置下划线的区域,然后按住鼠标左键选中该区域,ctrl+u就可以
- React+Django项目部署过程
菜菜少吃菜
React项目介绍很早就有搭博客的想法,近期才去做这件事,花了几天搞了个小博客。本文不讲技术,额,也讲不来,只记录部署的过程。前端技术栈:React+Redux+ReactKeeper+Antd脚手架:create-react-app格式检查:prettier+eslint(配置方法)前后端交互:Fetch因为刚搞React,完全面向搜索引擎编程,做的其实有些惨不忍睹。。。先把链接扔上(懒得备案啊
- vscode 中 prettier 和 ESLint 冲突解决
js世界
ESLintprettier
问题有一天,领导让接手了个带有ESLint配置的老项目,这个ESLint配置是打在node_modules里。在熟悉的代码时候,我调制并保存了下,此时由于VSCode安装了prettier插件,采用prettier对代码进行了格式化,此时在终端报了各种错误,如下图:这是由于ESLint跟prettier在校验上的不一致,在VSCode的setting.json里配制了保存就格式化,所以会在保存后就
- 解决vscode中Prettier和ESLint冲突的问题
islanddddddd
vscode前端javascriptreact
错误信息[eslint]src/App.jsxLine7:13:Missingspacebeforefunctionparenthesesspace-before-function-paren原因Prettier和ESLint,前者是格式化工具,后者是代码检查工具,现在的错误是函数名和圆括号()之间应该有一个空格,但是两位的代码规范不一致,就导致了Prettier格式化的格式跟ESLint想要的不
- 解决prettier和eslint冲突详细配置
IT_Ping
javascriptvscodevue.js
这是我的vscode设置,主要是设置vetur里对vue文件各部分的校验工具。解决问题的话就给我点个赞吧!需要安装prettier-eslint这个插件众所周知,prettier是代码风格标准插件,eslint是代码质量校验插件,所以这两个发生冲突几乎是必然的,所以就有了prettier-eslint这个插件,在保证代码质量的同时,实现代码风格标准化。而在vue项目中,vetur插件必不可少,所以
- prettier和eslint冲突怎么解决?
柒君
javascript前端vscode
前提:项目中已安装:eslint,prettier,已配置.eslintrc和.prettierrceslint:用来校验和处理js文件,逻辑和格式问题prettier:用来校验和处理js文件,css文件,html文件,格式问题所以对于js文件:两者在格式问题方面,可能存在冲突解决方案:优先使用prettier的风格,不使用eslint建议的风格步骤:第一步:需要安装:“eslint-config
- How To Set Up ESLint, TypeScript, Prettier with Create React App
RoyChina
Note:CRA3.0willincludeTSlintingwithESLintoutofthebox,https://github.com/facebook/create-react-app/issues/6475IrecentlylearnedthatTSLintwassoontobedeprecated(cuesadviolinmusic),butforverygoodreasonasth
- 基本数据类型和引用类型的初始值
3213213333332132
java基础
package com.array;
/**
* @Description 测试初始值
* @author FuJianyong
* 2015-1-22上午10:31:53
*/
public class ArrayTest {
ArrayTest at;
String str;
byte bt;
short s;
int i;
long
- 摘抄笔记--《编写高质量代码:改善Java程序的151个建议》
白糖_
高质量代码
记得3年前刚到公司,同桌同事见我无事可做就借我看《编写高质量代码:改善Java程序的151个建议》这本书,当时看了几页没上心就没研究了。到上个月在公司偶然看到,于是乎又找来看看,我的天,真是非常多的干货,对于我这种静不下心的人真是帮助莫大呀。
看完整本书,也记了不少笔记
- 【备忘】Django 常用命令及最佳实践
dongwei_6688
django
注意:本文基于 Django 1.8.2 版本
生成数据库迁移脚本(python 脚本)
python manage.py makemigrations polls
说明:polls 是你的应用名字,运行该命令时需要根据你的应用名字进行调整
查看该次迁移需要执行的 SQL 语句(只查看语句,并不应用到数据库上):
python manage.p
- 阶乘算法之一N! 末尾有多少个零
周凡杨
java算法阶乘面试效率
&n
- spring注入servlet
g21121
Spring注入
传统的配置方法是无法将bean或属性直接注入到servlet中的,配置代理servlet亦比较麻烦,这里其实有比较简单的方法,其实就是在servlet的init()方法中加入要注入的内容:
ServletContext application = getServletContext();
WebApplicationContext wac = WebApplicationContextUtil
- Jenkins 命令行操作说明文档
510888780
centos
假设Jenkins的URL为http://22.11.140.38:9080/jenkins/
基本的格式为
java
基本的格式为
java -jar jenkins-cli.jar [-s JENKINS_URL] command [options][args]
下面具体介绍各个命令的作用及基本使用方法
1. &nb
- UnicodeBlock检测中文用法
布衣凌宇
UnicodeBlock
/** * 判断输入的是汉字 */ public static boolean isChinese(char c) { Character.UnicodeBlock ub = Character.UnicodeBlock.of(c);
- java下实现调用oracle的存储过程和函数
aijuans
javaorale
1.创建表:STOCK_PRICES
2.插入测试数据:
3.建立一个返回游标:
PKG_PUB_UTILS
4.创建和存储过程:P_GET_PRICE
5.创建函数:
6.JAVA调用存储过程返回结果集
JDBCoracle10G_INVO
- Velocity Toolbox
antlove
模板toolboxvelocity
velocity.VelocityUtil
package velocity;
import org.apache.velocity.Template;
import org.apache.velocity.app.Velocity;
import org.apache.velocity.app.VelocityEngine;
import org.apache.velocity.c
- JAVA正则表达式匹配基础
百合不是茶
java正则表达式的匹配
正则表达式;提高程序的性能,简化代码,提高代码的可读性,简化对字符串的操作
正则表达式的用途;
字符串的匹配
字符串的分割
字符串的查找
字符串的替换
正则表达式的验证语法
[a] //[]表示这个字符只出现一次 ,[a] 表示a只出现一
- 是否使用EL表达式的配置
bijian1013
jspweb.xmlELEasyTemplate
今天在开发过程中发现一个细节问题,由于前端采用EasyTemplate模板方法实现数据展示,但老是不能正常显示出来。后来发现竟是EL将我的EasyTemplate的${...}解释执行了,导致我的模板不能正常展示后台数据。
网
- 精通Oracle10编程SQL(1-3)PLSQL基础
bijian1013
oracle数据库plsql
--只包含执行部分的PL/SQL块
--set serveroutput off
begin
dbms_output.put_line('Hello,everyone!');
end;
select * from emp;
--包含定义部分和执行部分的PL/SQL块
declare
v_ename varchar2(5);
begin
select
- 【Nginx三】Nginx作为反向代理服务器
bit1129
nginx
Nginx一个常用的功能是作为代理服务器。代理服务器通常完成如下的功能:
接受客户端请求
将请求转发给被代理的服务器
从被代理的服务器获得响应结果
把响应结果返回给客户端
实例
本文把Nginx配置成一个简单的代理服务器
对于静态的html和图片,直接从Nginx获取
对于动态的页面,例如JSP或者Servlet,Nginx则将请求转发给Res
- Plugin execution not covered by lifecycle configuration: org.apache.maven.plugin
blackproof
maven报错
转:http://stackoverflow.com/questions/6352208/how-to-solve-plugin-execution-not-covered-by-lifecycle-configuration-for-sprin
maven报错:
Plugin execution not covered by lifecycle configuration:
- 发布docker程序到marathon
ronin47
docker 发布应用
1 发布docker程序到marathon 1.1 搭建私有docker registry 1.1.1 安装docker regisry
docker pull docker-registry
docker run -t -p 5000:5000 docker-registry
下载docker镜像并发布到私有registry
docker pull consol/tomcat-8.0
- java-57-用两个栈实现队列&&用两个队列实现一个栈
bylijinnan
java
import java.util.ArrayList;
import java.util.List;
import java.util.Stack;
/*
* Q 57 用两个栈实现队列
*/
public class QueueImplementByTwoStacks {
private Stack<Integer> stack1;
pr
- Nginx配置性能优化
cfyme
nginx
转载地址:http://blog.csdn.net/xifeijian/article/details/20956605
大多数的Nginx安装指南告诉你如下基础知识——通过apt-get安装,修改这里或那里的几行配置,好了,你已经有了一个Web服务器了。而且,在大多数情况下,一个常规安装的nginx对你的网站来说已经能很好地工作了。然而,如果你真的想挤压出Nginx的性能,你必
- [JAVA图形图像]JAVA体系需要稳扎稳打,逐步推进图像图形处理技术
comsci
java
对图形图像进行精确处理,需要大量的数学工具,即使是从底层硬件模拟层开始设计,也离不开大量的数学工具包,因为我认为,JAVA语言体系在图形图像处理模块上面的研发工作,需要从开发一些基础的,类似实时数学函数构造器和解析器的软件包入手,而不是急于利用第三方代码工具来实现一个不严格的图形图像处理软件......
&nb
- MonkeyRunner的使用
dai_lm
androidMonkeyRunner
要使用MonkeyRunner,就要学习使用Python,哎
先抄一段官方doc里的代码
作用是启动一个程序(应该是启动程序默认的Activity),然后按MENU键,并截屏
# Imports the monkeyrunner modules used by this program
from com.android.monkeyrunner import MonkeyRun
- Hadoop-- 海量文件的分布式计算处理方案
datamachine
mapreducehadoop分布式计算
csdn的一个关于hadoop的分布式处理方案,存档。
原帖:http://blog.csdn.net/calvinxiu/article/details/1506112。
Hadoop 是Google MapReduce的一个Java实现。MapReduce是一种简化的分布式编程模式,让程序自动分布到一个由普通机器组成的超大集群上并发执行。就如同ja
- 以資料庫驗證登入
dcj3sjt126com
yii
以資料庫驗證登入
由於 Yii 內定的原始框架程式, 採用綁定在UserIdentity.php 的 demo 與 admin 帳號密碼: public function authenticate() { $users=array( &nbs
- github做webhooks:[2]php版本自动触发更新
dcj3sjt126com
githubgitwebhooks
上次已经说过了如何在github控制面板做查看url的返回信息了。这次就到了直接贴钩子代码的时候了。
工具/原料
git
github
方法/步骤
在github的setting里面的webhooks里把我们的url地址填进去。
钩子更新的代码如下: error_reportin
- Eos开发常用表达式
蕃薯耀
Eos开发Eos入门Eos开发常用表达式
Eos开发常用表达式
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2014年8月18日 15:03:35 星期一
&
- SpringSecurity3.X--SpEL 表达式
hanqunfeng
SpringSecurity
使用 Spring 表达式语言配置访问控制,要实现这一功能的直接方式是在<http>配置元素上添加 use-expressions 属性:
<http auto-config="true" use-expressions="true">
这样就会在投票器中自动增加一个投票器:org.springframework
- Redis vs Memcache
IXHONG
redis
1. Redis中,并不是所有的数据都一直存储在内存中的,这是和Memcached相比一个最大的区别。
2. Redis不仅仅支持简单的k/v类型的数据,同时还提供list,set,hash等数据结构的存储。
3. Redis支持数据的备份,即master-slave模式的数据备份。
4. Redis支持数据的持久化,可以将内存中的数据保持在磁盘中,重启的时候可以再次加载进行使用。
Red
- Python - 装饰器使用过程中的误区解读
kvhur
JavaScriptjqueryhtml5css
大家都知道装饰器是一个很著名的设计模式,经常被用于AOP(面向切面编程)的场景,较为经典的有插入日志,性能测试,事务处理,Web权限校验, Cache等。
原文链接:http://www.gbtags.com/gb/share/5563.htm
Python语言本身提供了装饰器语法(@),典型的装饰器实现如下:
@function_wrapper
de
- 架构师之mybatis-----update 带case when 针对多种情况更新
nannan408
case when
1.前言.
如题.
2. 代码.
<update id="batchUpdate" parameterType="java.util.List">
<foreach collection="list" item="list" index=&
- Algorithm算法视频教程
栏目记者
Algorithm算法
课程:Algorithm算法视频教程
百度网盘下载地址: http://pan.baidu.com/s/1qWFjjQW 密码: 2mji
程序写的好不好,还得看算法屌不屌!Algorithm算法博大精深。
一、课程内容:
课时1、算法的基本概念 + Sequential search
课时2、Binary search
课时3、Hash table
课时4、Algor
- C语言算法之冒泡排序
qiufeihu
c算法
任意输入10个数字由小到大进行排序。
代码:
#include <stdio.h>
int main()
{
int i,j,t,a[11]; /*定义变量及数组为基本类型*/
for(i = 1;i < 11;i++){
scanf("%d",&a[i]); /*从键盘中输入10个数*/
}
for
- JSP异常处理
wyzuomumu
Webjsp
1.在可能发生异常的网页中通过指令将HTTP请求转发给另一个专门处理异常的网页中:
<%@ page errorPage="errors.jsp"%>
2.在处理异常的网页中做如下声明:
errors.jsp:
<%@ page isErrorPage="true"%>,这样设置完后就可以在网页中直接访问exc