• 2024-09-27git eslint扩展,解决git提交因为空格差异而报错
    项目场景:在前端项目开发中,经常会使用eslint,这个方法的好处就是严格要求代码格式。让代码更为严谨。问题描述以为eslint格式过于严谨,在git提交的时候,经常会因为一个多了一个空格导致代码提交失败。原因分析:eslint严格要求代码风格,导致稍微有一点不一致,就会报错,是git代码
  • 2024-09-22一个简洁、干净的中后台管理模板
    项目介绍nova-admin——一个基于Vue3、Vite5、Typescript、NaiveUI,简洁干净后台管理模板。nova-admin追求用简单的方式实现完整功能,无过度封装,方便二次开发。功能特性:最新技术栈:基于Vue3、Vite5、TypeScript、NaiveUI、Unocss等最新技术栈开发网络请求:提供完善的网络请求封装
  • 2024-09-19react react18+vite+typeScript+eslint+prettier+husky+lint-staged+commitlint 快速搭建项目环境
    技术栈react18react-router6antd5zustand4vite45axiosfakerjs模拟数据dayjslodashtypescriptechartscommitlint、prettier、eslinthusky、lint-staged自定义commitlint、cz-cli自定义eslint、prettier代码规范技术栈代码格式规范和语法检测vscode:统一前端编辑器。editor
  • 2024-09-17【Webapck--00801】配置Eslint代码检测
  • 2024-09-14vscode下vue3+vite+ts+eslint项目配置
    一、创建项目pnpmcreatevue@latest注意:是否引入ESLint用于代码质量检测?选择否二、安装依赖pnpmi-Deslint@antfu/eslint-config三、在项目根目录创建文件:eslint.config.js//eslint.config.jsimportantfufrom'@antfu/eslint-config'exportdefaultantfu({
  • 2024-09-03vue项目利用git commit 触发执行 eslint检查,使用husky 和 lint-staged
    lint-staged安装和使用说明lint-staged是一个插件,为了方便触发eslint,配置哪些文件触发eslintstylelint等安装yarnaddlint-staged创建.lintstagedrc在根目录{"*.vue":"eslint","*.ts":"eslint","*.tsx":"eslint&quo
  • 2024-09-03vscode文件分层时找不到eslint配置问题
    我的文件夹是这样的--root--server--webserver里用的是eslint5.16.0,没有任何问题web因为是vuter+eslint9.9.1,就各种报错,项目越写越难受,最后忍不住查了一下到底怎么配置新版的vscode+eslint版本:vscode:1.92.2eslint:9.9.1vscode工作区.vscode文件夹里加上一个文
  • 2024-08-30Vue的那些报错
    【Vue-cli】npminstall时报错:npmERRCouldnotresolvedependencynpmERRpeernpmERR!codeERESOLVEnpmERR!ERESOLVEunabletoresolvedependencytreenpmERR!npmERR!Whileresolving:[email protected]!Found:[email protected]!node_modules/es
  • 2024-08-19如何从零编写一个vite插件 创建 vite 插件通用模板
    初始化mkdirvite-progress&&cdvite-progress&&pnpminit1.2安装typescriptpnpmitypescript@types/node-D1.3配置tsconfig.json{"compilerOptions":{"module":"ESNext","target":"esnext&quo
  • 2024-08-13TS 项目如何从 ESlint8 升级至 9并集成 Prettier
    eslint8到9属于破坏性更新(BreakChange),因此导致eslint8配置方式无法直接使用(可以使用兼容包,但这不是本文的主题)。其实大家最关心的就是从eslint8到9之后的写法,而与eslint息息相关的多种配置插件也需要大量的变更,因此本文核心就是:使用eslint9配置规则和集成prett
  • 2024-08-05vue项目关闭eslint
    vue项目中关闭eslint,开启代码全局format的方法关闭保存时自动代码检测1.vue.config.js中const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({transpileDependencies:true,lintOnSave:false,//关闭保存时自动代码检测})2..es
  • 2024-07-31Nuxt3项目配置 Eslint、Prettierrc、Husky等项目提交规范
    为什么要提高项目规范?提高代码质量:项目开发规范能确保代码的一致性和可读性,使其他程序员能够更容易地理解和维护代码。同时,规范也能减少代码中的错误和缺陷,提高软件的整体质量。加强团队协作:在团队开发项目中,不同的程序员可能采用不同的编程风格和习惯。通过遵循统一的开发规
  • 2024-07-28如何使用ESLint?这是80%最常用的功能
    你好同学,我是沐爸,欢迎点赞、收藏和关注!个人知乎、公众号"沐爸空间"ESLint是一个可配置的JavaScriptlinter。它可以帮助开发者查找并修复JavaScript代码中的问题。通过这篇文章你可以掌握ESLint的基本使用、规则配置、规则禁用、文件忽略、工具集成,了解预定义全局变量和
  • 2024-07-22vite+vue3+ts+pinis搭建项目框架
    一:使用vite快速创建脚手架1.创建新项目命令行输入后,依次选择vue->typescript。1yarncreatevitevite_vue3_typescript_pinia_template--template2.cd 到项目文件,安装依赖,启动项目1#进入项目文件夹2cdvite_vue3_typescript_pinia_template3#安装依赖4y
  • 2024-07-21vue3 ts 项目增加eslint插件实现命令行报错提示和vscode 报错提示,eslint 最新版本9.x多 2024年
    快速开始安装eslintyarnaddeslint-D然后运行初始化eslintnpxeslint--init接着上面命令会自动生成一个新文件eslint.config.jseslint.config.jsimportglobalsfrom"globals";importpluginJsfrom"@eslint/js";importtseslintfrom"typescript-eslint
  • 2024-07-15前端后花园周刊vol.19-ESLint的下一个11年计划
    ⚡️行业动态ESLint的下一步计划:ESLint已有11年历史,它正在为下一个11年做准备,继续发展成为一种与语言无关的linter,任何人都可以为其编写插件。ESLint9.0中引入的新配置系统“只是重大变革的开始”。加速JavaScript生态系统:隔离声明TypeScript的新隔离声明功能
  • 2024-07-02vscode setting.json 设置
    常见配置参考{"editor.fontSize":20,//编辑器字体大小"terminal.integrated.fontSize":18, //terminal框的字体大小"editor.tabSize":2,//Tab的大小2个空格"editor.formatOnSave":true,//保存是格式化"prettier.singleQuote"
  • 2024-07-01前端vue/react通用工程化eslint prettier stylelint husky项目规范(新手入门详细教程)
    前言本文章内的项目基于vite+react+ts搭建,但通篇并未涉及react的东西,所以可以通用。适合新手入门的工程化项目规范,最小化的完成代码规范和git提交规范,开发工具使用vscode。为什么是最小化?本意是为了让大家都能看懂入手这些规范,很多文章中,都长篇进行自定义的配置,其
  • 2024-06-30【web】1、前端基础搭建
    1创建项目1.1选择node环境nvm(其他博主)安装教程https://blog.csdn.net/qq_43940789/article/details/126042822对应使用命令nvmlistavailable     //显示可以安装的所有node.js的版本nvminstall<version>   //安装node.js的命名version是版本号
  • 2024-06-21quasar项目中用js调用串口
    参考链接:NodeSerialPort  (网站中https://serialport.io/docs/guide-electron提到了ElectronSerialportExample,这个项目中涉及到serialport的代码在renderer.js中)WebSerialAPI,web端通过串口与硬件通信电脑上已有的端口:(选择“在新标签页中打开图片”查看原图)看到网页
  • 2024-06-19Visual Studio 2022 Typescript 代码错误提示故障问题
    近日编码过程中发现,项目中所有.ts、.tsx文件中的代码修改过后仍有错误提示,甚至注释掉代码后错误提示仍在原位。症状如下:VS内置Typescript语法检查和eslint支持,两个语法检查服务可同时运行,并同时发送错误提示和改进建议。eslint正常运行,无故障。选项中禁用后重启VS2022,eslint不
  • 2024-06-19常用的vscode配置
    {"extensions.autoUpdate":"onlySelectedExtensions","workbench.iconTheme":"material-icon-theme","vsicons.dontShowNewVersionMessage":true,"editor.fontSize":16,"editor.codeAct
  • 2024-06-11一些 vue2 项目中遇到的问题
    一些vue2项目中遇到的问题`Parsingerror:NoBabelconfigfiledetectedforxxx`参考Parsingerror:NoBabelconfigfiledetectedforxxxEitherdisableconfigfilecheckingwithrequireConfigFile:false,orconfigureBabelsothatitcanfindthe
  • 2024-06-04前端工程化工具系列
    所有和前端工程化工具的系列合集,快速提升开发效率。文档持续更新中,敬请期待~感兴趣的可收藏前端工程化这个专栏已完成  前端工程化工具系列(一)——ESLint(v9.4.0):代码质量守护者基础篇  前端工程化工具系列(二)——ESLint(v9.4.0):代码质量守护者进阶篇  前端工
  • 2024-05-31vue3 vite 脚手架生成项目 prettier 自动格式化失败 vscode插件 Vue - Official 解决方案
    vue3vite脚手架生成项目prettier自动格式化失败vscode插件Vue-Official解决方案问题以前写的都是vue2的项目,自动格式化都用的vetur,都设置好了。现在新弄了个vue3的项目,脚手架起的vitevue3,搞个代码格式化,发现prettier没好事。解决思路格式化一共俩工具eslintpret