当前位置：首页 > news >正文

vue3项目最新eslint9+prettier+husky+stylelint+vscode配置

news 来源：原创 2025/2/11 7:18:49

一、eslint9和prettier通用配置

安装必装插件

ESlint@9.x

pnpm add eslint@latest -D

ESlint配置 vue 规则 , typescript解析器

pnpm add eslint-plugin-vue typescript-eslint -D

ESlint配置 JavaScript 规则

pnpm add @eslint/js -D

配置所有全局变量 globals

pnpm add globals -D

eslint 兼容prettier插件

pnpm add  eslint-plugin-prettier -D

prettier 插件

pnpm add prettier -D

eslint.config.js通用配置文件（可直接复制使用）

import globals from 'globals'
import eslint from '@eslint/js'
import tseslint from 'typescript-eslint'
import eslintPluginVue from 'eslint-plugin-vue'
import vueParser from 'vue-eslint-parser'
import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'export default [{ignores: ['node_modules','dist','.gitignore','package.json','package-lock.json','dist-ssr','*.local','.npmrc','.DS_Store','dev-dist','dist_electron','*.d.ts','src/assets/**']},/** js推荐配置 */eslint.configs.recommended,/** vue推荐配置 */...eslintPluginVue.configs['flat/recommended'],/** prettier 配置 */eslintPluginPrettierRecommended,//javascript 规则{files: ['**/*.{js,mjs,cjs,vue,ts}'],rules: {// 对象结尾逗号'comma-dangle': 'off',// 关闭未定义变量'no-undef': 'off',// 确保 Prettier 的行为不会被 ESLint 覆盖quotes: ['error', 'single', { allowTemplateLiterals: true }],// 关闭对未定义变量的警告'no-undefined': 'off',//不使用的变量不报错'no-unused-vars': 'off',// 禁止使用不规范的空格'no-irregular-whitespace': 'off',// 函数括号前的空格'space-before-function-paren': 0,// 箭头函数的空格'arrow-spacing': [2,{before: true,after: true}],// 代码块的空格'block-spacing': [2, 'always'],// 大括号风格'brace-style': [2,'1tbs',{allowSingleLine: true}],// 对象属性换行'object-property-newline': 'off',// JSX 引号风格'jsx-quotes': [2, 'prefer-single'],// 对象键值对之间的空格'key-spacing': [2,{beforeColon: false,afterColon: true}],// 关键字之间的空格'keyword-spacing': [2,{before: true,after: true}],// 构造函数首字母大写'new-cap': [2,{newIsCap: true,capIsNew: false}],// new 操作符使用时需要括号'new-parens': 2,// 禁止使用 Array 构造函数'no-array-constructor': 2,// 禁止调用 caller 和 callee'no-caller': 2,// 禁止重新分配类名'no-class-assign': 2,// 禁止条件中的赋值操作'no-cond-assign': 2,// 禁止 const 重新分配'no-const-assign': 2,// 正则表达式中的控制字符'no-control-regex': 0,// 禁止删除变量'no-delete-var': 2,// 禁止在函数参数中使用重复名称'no-dupe-args': 2,// 禁止在类中使用重复名称的成员'no-dupe-class-members': 2,// 禁止在对象字面量中使用重复的键'no-dupe-keys': 2,// 禁止重复的 case 标签'no-duplicate-case': 2,// 禁止空的字符类'no-empty-character-class': 2,// 禁止空的解构模式'no-empty-pattern': 2,// 禁止使用 eval'no-eval': 2,// 不允许出现空的代码块'no-empty': 2,// 禁止不必要的布尔转换'no-extra-boolean-cast': 2,// 禁止不必要的括号'no-extra-parens': [2, 'functions'],// 禁止 case 语句落空'no-fallthrough': 2,// 禁止在数字后面添加小数点'no-floating-decimal': 2,// 禁止对函数声明重新赋值'no-func-assign': 2,// 禁止出现歧义多行表达式'no-unexpected-multiline': 2,// 禁止不需要的转义'no-useless-escape': 0,// 数组的括号前后的间距'array-bracket-spacing': [2, 'never']}},// vue 规则{files: ['**/*.vue'],languageOptions: {parser: vueParser,globals: { ...globals.browser, ...globals.node },parserOptions: {/** typescript项目需要用到这个 */parser: tseslint.parser,ecmaVersion: 'latest',/** 允许在.vue 文件中使用 JSX */ecmaFeatures: {jsx: true}}},rules: {'vue/component-definition-name-casing': 'off','vue/singleline-html-element-content-newline': ['off'],'vue/no-mutating-props': ['error',{shallowOnly: true}],// 要求组件名称始终为 “-” 链接的单词'vue/multi-word-component-names': 'off',// 关闭 index.html 文件报 clear 错误'vue/comment-directive': 'off',// 关闭对 defineProps 的有效性检查'vue/valid-define-props': 'off',// 允许在一个文件中定义多个组件'vue/one-component-per-file': 'off',// 关闭 Prop 类型要求的警告'vue/require-prop-types': 'off',// 关闭属性顺序要求'vue/attributes-order': 'off',// 关闭对默认 Prop 的要求'vue/require-default-prop': 'off',// 关闭连字符命名检验'vue/attribute-hyphenation': 'off',// 关闭自闭合标签的要求'vue/html-self-closing': 'off',// 禁止在关闭的括号前有换行'vue/html-closing-bracket-newline': 'off',// 允许使用 v-html 指令'vue/no-v-html': 'off'}}
]

.prettierrc.js 通用配置文件（可直接复制使用）

注意如prettier配置的格式没效果可更改文件后缀为.prettierrc.json或.prettierrc.yaml

module.exports = {printWidth: 120, // 一行的字符数换行tabWidth: 2, // 一个tab代表几个空格数useTabs: false, // 是否使用tab进行缩进singleQuote: true, // 字符串是否使用单引号semi: false, // 行尾是否使用分号，默认为truetrailingComma: 'none', // 是否使用尾逗号arrowParens: 'avoid', // 箭头函数单变量省略括号bracketSpacing: true, // 对象大括号直接是否有空格，默认为true，效果：{ foo: bar }endOfLine: 'auto', // 保留在 Windows 和 Unix 下的换行符quoteProps: 'preserve' // 对象属性的引号使用
}

package.json 的scripts配置

  "scripts": {"lint:fix": "eslint . --fix","lint": "eslint .",},

.prettierignore 配置文件

.DS_Store
node_modules
dist
dist-ssr
*.local
.npmrc
dev-dist
dist_electron
auto-imports.d.ts

二、配置git hooks提交检验

安装lint-staged

mrm 安装 lint-staged 的同时会安装 husky

pnpm install mrm -D
npx mrm lint-staged

然后它会自动在package.json文件中的script对象中生成

"prepare": "husky install"

生成的可能只有一条或俩条，自己再加几条

"lint-staged": {"*.{js,jsx,vue,ts,tsx}": ["eslint --fix","prettier --write"],"*.{scss,less,css,html,md}": ["prettier --write"],"package.json": ["prettier --write"],"{!(package)*.json,.!(browserslist)*rc}": ["prettier --write--parser json"]}

同时在根目录也会生成.husky目录，如下图
在这里插入图片描述

配置 commitlint

pnpm install @commitlint/cli @commitlint/config-conventional -D

npx husky add .husky/commit-msg "npx --no-install commitlint --edit $1"

当运行之后就会生成这样如下图
在这里插入图片描述

如没有自动生成，手动创建文件，复制以下内容

#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"npx --no -- commitlint --edit ${1}

新建commitlint.config.cjs

module.exports = {extends: ['@commitlint/config-conventional'],rules: {'type-enum': [// type枚举2,'always',['build', // 编译相关的修改，例如发布版本、对项目构建或者依赖的改动'feat', // 新功能'fix', // 修补bug'docs', // 文档修改'style', // 代码格式修改, 注意不是 css 修改'refactor', // 重构'perf', // 优化相关，比如提升性能、体验'test', // 测试用例修改'revert', // 代码回滚'ci', // 持续集成修改'config', // 配置修改'chore', // 其他改动],],'type-empty': [2, 'never'], // never: type不能为空; always: type必须为空'type-case': [0, 'always', 'lower-case'], // type必须小写，upper-case大写，camel-case小驼峰，kebab-case短横线，pascal-case大驼峰，等等'scope-empty': [0],'scope-case': [0],'subject-empty': [2, 'never'], // subject不能为空'subject-case': [0],'subject-full-stop': [0, 'never', '.'], // subject以.为结束标记'header-max-length': [2, 'always', 72], // header最长72'body-leading-blank': [0], // body换行'footer-leading-blank': [0, 'always'], // footer以空行开头},
}

配置完成可提交代码测试

三、.editorconfig 编辑器配置

项目根目录创建 .editorconfig文件

# 修改配置后重启编辑器
# 配置项文档：https://editorconfig.org/# 告知 EditorConfig 插件，当前即是根文件
root = true# 适用全部文件
[*]
## 设置字符集
charset = utf-8
## 缩进风格 space | tab，建议 space（会自动继承给 Prettier）
indent_style = space
## 缩进的空格数（会自动继承给 Prettier）
indent_size = 2
## 换行符类型 lf | cr | crlf，一般都是设置为 lf
end_of_line = lf
## 是否在文件末尾插入空白行
insert_final_newline = true
## 是否删除一行中的前后空格
trim_trailing_whitespace = true# 适用 .md 文件
[*.md]
insert_final_newline = false
trim_trailing_whitespace = false

四、 stylelint 配置

vscode 安装插件`Stylelint`

在这里插入图片描述

使用scss作为预处理器，安装以下依赖：

pnpm add sass sass-loader stylelint postcss postcss-scss postcss-html stylelint-config-prettier stylelint-config-recess-order stylelint-config-recommended-scss stylelint-config-standard stylelint-config-standard-vue stylelint-scss stylelint-order stylelint-config-standard-scss -D

新建 .stylelintrc.cjs

在项目根目录下新建 .stylelintrc.cjs，并填入如下代码：

module.exports = {extends: ['stylelint-config-standard', // 配置stylelint拓展插件'stylelint-config-html/vue', // 配置 vue 中 template 样式格式化'stylelint-config-standard-scss', // 配置stylelint scss插件'stylelint-config-recommended-vue/scss', // 配置 vue 中 scss 样式格式化'stylelint-config-recess-order', // 配置stylelint css属性书写顺序插件,'stylelint-config-prettier', // 配置stylelint和prettier兼容],overrides: [{files: ['**/*.(scss|css|vue|html)'],customSyntax: 'postcss-scss',},{files: ['**/*.(html|vue)'],customSyntax: 'postcss-html',},],ignoreFiles: ['**/*.js','**/*.jsx','**/*.tsx','**/*.ts','**/*.json','**/*.md','**/*.yaml',],/*** null  => 关闭该规则* always => 必须*/rules: {'value-keyword-case': null, // 在 css 中使用 v-bind，不报错'no-descending-specificity': null, // 禁止在具有较高优先级的选择器后出现被其覆盖的较低优先级的选择器'function-url-quotes': 'always', // 要求或禁止 URL 的引号 "always(必须加上引号)"|"never(没有引号)"'no-empty-source': null, // 关闭禁止空源码'selector-class-pattern': null, // 关闭强制选择器类名的格式'property-no-unknown': null, // 禁止未知的属性(true 为不允许)'block-opening-brace-space-before': 'always', //大括号之前必须有一个空格或不能有空白符'value-no-vendor-prefix': null, // 关闭 属性值前缀 --webkit-box'property-no-vendor-prefix': null, // 关闭 属性前缀 -webkit-mask'selector-pseudo-class-no-unknown': [// 不允许未知的选择器true,{ignorePseudoClasses: ['global', 'v-deep', 'deep'], // 忽略属性，修改element默认样式的时候能使用到},],},
}

新建 .stylelintignore 文件

在项目根目录下新建 .stylelintignore 文件，并填入如下代码：

/node_modules/*
/dist/*
/html/*
/public/*

添加脚本

在 packjson.json 文件的 script 字段中添加命令

"lint:style": "stylelint src/**/*.{css,scss,vue} --cache --fix"

五、项目中根目录下 .vscode 的配置

┌─根目录
│  ├─.vscode
│  │  └─settings.json

settings.json

{"prettier.enable": true,"editor.codeActionsOnSave": {"source.fixAll.eslint": "explicit"},"[vue]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[javascript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[typescript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[json]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[jsonc]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[html]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[css]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[scss]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"eslint.validate": ["javascript","vue","vue-html","typescript","typescriptreact","html","css","scss","less","json","jsonc","json5","markdown"]
}

vue3项目最新eslint9+prettier+husky+stylelint+vscode配置

一、eslint9和prettier通用配置安装必装插件 ESlint9.x pnpm add eslintlatest -DESlint配置 vue 规则 , typescript解析器 pnpm add eslint-plugin-vue typescript-eslint -DESlint配置 JavaScript 规则 pnpm add eslint/js -D配置所有全局变量 globals pnpm add globa…...

编程日记 2025/2/11 7:18:49

IOS ARKit进行图像识别

先讲一下基础控涧，资源的话可以留言，抽空我把它传到GitHub上，这里没写收积分，竟然充值才能下载，我下载也要充值，牛！ ARSCNView 可以理解画布或者场景 1 配置 ARWorldTrackingConfiguration AR追…...

编程日记 2025/2/7 6:14:38

【el-table】表格后端排序

在需要排序的列添加属性 sortable，后端排序，需将sortable设置为custom 如果需要自定义轮转添加 sort-orders 属性，数组中的元素需为以下三者之一：ascending 表示升序，descending 表示降序，null 表示还原为原…...

编程日记 2025/2/9 7:43:27

【iOS】多线程基础

【iOS】多线程基础文章目录【iOS】多线程基础前言进程与线程进程进程的状态进程的一个控制结构进程的上下文切换线程为什么要用线程什么是线程线程和进程的关系线程的上下文切换线程和进程的优缺点小结前言笔者由于对于GCD不是很了解，导致了项目中网络请求哪…...

编程日记 2025/2/7 1:02:15

c#控制台项目的发布+相对路径的用法（绝对路径下素材丢失问题）

发布生成 ->发布选定任务生成了以后，素材需要手动拖过去文件相对路径...

编程日记 2025/2/9 19:45:54

Keil5配色方案修改为类似VSCode配色

1. 为什么修改Keil5配色方案视觉习惯：如果你已经习惯了VSCode的配色方案，尤其是在使用ESP-IDF开发ESP32时，Keil5的默认配色可能会让你感到不习惯。减少视觉疲劳：Keil5的默认背景可能过于明亮，长时间使用可能会导致视…...

编程日记 2025/2/9 16:39:17

网络安全框架及模型-PPDR模型

网络安全框架及模型-PPDR模型概述：为了有效应对不断变化的网络安全环境，人们意识到需要一种综合性的方法来管理和保护网络安全。因此，PPDR模型应运而生。它将策略、防护、检测和响应四个要素结合起来，提供了一个全面的框架来处理网络安全问题。工作原理： PPDR模型的…...

编程日记 2025/2/6 12:39:48

Observability：如何在 Kubernetes pod 中轻松添加应用程序监控

作者：来自 Elastic Jack Shirazi•Sylvain Juge•Alexander Wert Elastic APM K8s Attacher 允许将 Elastic APM 应用程序代理（例如 Elastic APM Java 代理）自动安装到 Kubernetes 集群中运行的应用程序中。该机制使用变异 webhook&#xff0…...

编程日记 2025/2/10 20:30:20

solana粗略的学习总结

最近在研究solana 的东西，简单做一下总结，很久没有写文章了。写的不对的地方欢迎评论区或者私信。及时改正。 Solana 架构概述 1.0 核心模块 Solana 的架构包括以下核心模块： Proof of History (PoH)：通过时间排序机制优化交易…...

编程日记 2025/2/11 23:10:33

【Pip】完整的 `pip` 配置文件详解：优化你的包管理与环境设置

目录引言一、pip 配置文件概述1.1 配置文件的位置1.2 配置文件的格式二、常见配置选项详细说明2.1 设置镜像源2.2 配置超时时间2.3 配置下载缓存2.4 配置安装选项2.5 配置信任主机2.6 配置代理2.7 配置包安装路径三、pip 配置文件的进阶设置3.1 包源（Channels&am…...

编程日记 2025/2/11 16:41:16

pytorch加载预训练权重失败

问题给当前模型换了个开源的主干网络，并且删除了某些层后，但是发现预训练权重一直加载不上。strict为True时加载报错，strict为False时又什么都加载不上，然后不知道哪里出问题了。解决当strict为False时，load_sta…...

编程日记 2025/2/9 20:41:26

mysql线上问题集合

1、too many connections 连接数量太多，可以先通过以下命令先调整最大连接数，得以连接上mysql进行问题排查。临时修改： gdb -p mysql进程id -ex "set max_connections500" -batchgdb：这是 GNU 调试器，用于…...

编程日记 2025/2/11 13:36:50

Kafka从指定时间开始消费数据

需求-故障定位：flink消费kafka数据，某个时间点漏数据背景：kafka数据保留3天，如果第二天，发现程序异常导致数据丢失，需要定位是topic源头无数据，还是程序处理出现异常。 # 1, 设置一个新的gro…...

编程日记 2025/2/11 19:27:29

Android 俩个主题的不同之处 “Theme.AppCompat vs android:Theme.Material.Light.NoActionBar”

这两种主题继承关系有明显的不同，具体区别如下： Theme.AppCompat vs android:Theme.Material.Light.NoActionBar Theme.AppCompat 是 AppCompat 支持库提供的主题，目的是提供向后兼容的支持，适用于较早版本的 Android&#xff08…...

编程日记 2025/2/8 15:51:44

FreeSWITCH mod_conference 的按键会控

又是一篇命题作文 mod_conference 官方文档： https://developer.signalwire.com/freeswitch/FreeSWITCH-Explained/Modules/mod_conference_3965534/ 英文不好的可以看中文： http://www.freeswitch.org.cn/books/references/1.7-mod_conference.html…...

编程日记 2025/2/11 9:32:08

LSTM-CNN-BP-RF-SVM五模型咖喱融合策略混合预测模型

目录效果一览基本介绍程序设计参考资料效果一览基本介绍 LSTM-CNN-BP-RF-SVM五模型咖喱融合策略混合预测模型 Matlab代码注释清晰。程序设计完整程序和数据获取方式：私信博主回复LSTM-CNN-BP-RF-SVM五模型咖喱融合策略混合预测模型（Matlab&#…...

编程日记 2025/2/12 3:33:51

LeetCode 64. 最小路径和(HOT100)

第一次错误代码： class Solution { public:int minPathSum(vector<vector<int>>& grid) {int dp[205][205] {0};int m grid.size(),n grid[0].size();for(int i 1 ;i<m;i){for(int j 1;j<n;j){dp[i][j] min(dp[i][j-1],dp[i-1][j])gr…...

编程日记 2025/2/11 19:43:46

SQL基础语法全解析（上篇）

一、基本概念 1. 数据库术语数据库（database） - 保存有组织的数据的容器（通常是一个文件或一组文件）。数据表（table） - 某种特定类型数据的结构化清单。模式（schema） - 关于数据库…...

编程日记 2025/2/9 9:15:01

蓝牙定位的MATLAB程序，四个锚点、三维空间

这段代码通过RSSI信号强度实现了在三维空间中的蓝牙定位，展示了如何使用锚点位置和测量的信号强度来估计未知点的位置。代码涉及信号衰减模型、距离计算和最小二乘法估计等基本概念，并通过三维可视化展示了真实位置与估计位置的关系。目录程序描述运…...

编程日记 2025/2/12 3:36:47

vue3-Import declaration conflicts with local declaration of dayjs

同步发布于我的网站 🚀 概述错误描述原代码报错信息原因分析解决方案修改导入语句使用泛型代码解释总结概述在使用 Vue3 和 dayjs 时，可能会遇到一个常见的错误：“Import declaration conflicts with local declaration of ‘dayjs’…...

编程日记 2025/2/9 12:30:41

node.js基础学习-express框架-静态资源中间件express.static（十一）

前言在 Node.js 应用中，静态资源是指那些不需要服务器动态处理，直接发送给客户端的文件。常见的静态资源包括 HTML 文件、CSS 样式表、JavaScript 脚本、图片（如 JPEG、PNG 等）、字体文件和音频、视频文件等。这些文件在服务器端…...

编程日记 2025/2/11 8:00:00

通过waitress启动flask应用

假设你有一个名为 app.py 的文件，app 是指你的 Flask 应用实例。并且在这个文件中创建了一个 Flask 应用实例，那么你可以这样导入和使用它。示例结构假设你的项目结构如下： my_flask_app/ │ ├── app.py ├── waitress_server.py └─…...

编程日记 2025/2/7 14:55:07

linux 获取公网流量 tcpdump + python + C++

前言需求为，统计linux上得上下行公网流量，常规得命令如iftop 、sar、ifstat、nload等只能获取流量得大小，不能区分公私网，所以需要通过抓取网络包并排除私网段才能拿到公网流量。下面提供了一些有效得解决思路，提供了…...

编程日记 2025/2/6 5:00:15

【阅读记录-章节5】Build a Large Language Model (From Scratch)

目录 5. Pretraining on unlabeled data5.1 Evaluating generative text models5.1.1 Evaluating generative text models5.1.2 Calculating the text generation loss评估模型生成文本的质量 5.1.3 Calculating the training and validation set losses 5.2 Training an LLM5.…...

编程日记 2025/2/11 13:44:13

神经网络中的优化方法(一)

目录 1. 与纯优化的区别1.1 经验风险最小化1.2 代理损失函数1.3 批量算法和小批量算法 2. 神经网络中优化的挑战2.1 病态2.2 局部极小值2.3 高原、鞍点和其他平坦区域2.4 悬崖和梯度爆炸2.5 长期依赖2.6 非精确梯度2.7 局部和全局结构间的弱对应 3. 基本算法3.1 随机梯度下降(小…...

编程日记 2025/2/11 6:18:00

输出1~n中能被3整除，且至少有一位数字是5的所有整数.:JAVA

链接：登录—专业IT笔试面试备考平台_牛客网来源：牛客网输出1~n中能被3整除，且至少有一位数字是5的所有整数. 输入描述: 输入一行，包含一个整数n。(1 < n < 100000) 输出描述: 输出所有满足条件的数，以换…...

编程日记 2025/2/7 9:11:14

MySQL 主从同步一致性详解

MySQL主从同步是一种数据复制技术，它允许数据从一个数据库服务器（主服务器）自动同步到一个或多个数据库服务器（从服务器）。这种技术主要用于实现读写分离、提升数据库性能、容灾恢复以及数据冗余备份等目的。下面将详细…...

编程日记 2025/2/7 11:28:59

html+css网页设计旅游马林旅行社3个页面

htmlcss网页设计旅游马林旅行社3个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad 等任意html编辑软件进行运行及修改编辑等操作）。获取源码 1&#…...

编程日记 2025/2/8 2:14:45

【短视频矩阵系统==saas技术开发】

在数字媒体领域，短视频的崛起已不可忽视。对于商业实体而言，掌握如何通过短视频平台有效吸引潜在客户并提高转化率，已成为一项关键课题。本文旨在深入剖析短视频矩阵系统的构成与作用机制，以期为企业提供一套系统化的策略&#xf…...

编程日记 2025/1/28 17:50:06

MongoDB-BSON 协议与类型

前言： MongoDB 是一个高性能、无模式的 NoSQL 数据库，广泛应用于大数据处理和实时数据存储。作为一个数据库系统，MongoDB 的核心之一就是其使用的 BSON（Binary JSON）格式，它用于存储数据以及在客户端和数据…...

编程日记 2025/2/11 15:54:09

论文：IoU Loss for 2D/3D Object Detection

摘要：在2D/3D目标检测任务中，IoU (Intersection-over- Union)作为一种评价指标，被广泛用于评价不同探测器在测试阶段的性能。然而，在训练阶段，通常采用常见的距离损失(如L1或L2)作为损失函数，以最小化预测值…...

编程日记 2025/2/11 16:45:56

Electron-vue 框架升级 Babel7 并支持electron-preload webapck 4 打包过程记录

前言我这边一直用的electron-vue框架是基于electron 21版本的，electron 29版本追加了很多新功能，但是这些新功能对开发者不友好，对electron构建出来的软件，使用者更安全，所以，我暂时不想研究electron 29版…...

编程日记 2025/2/10 4:52:42

信创改造 - Redis -》TongRDS 安装方式之单节点模式安装

安装前准备安装 JDK 参考链接：安装 JDK 8【Linux】语雀创建用户 # 用户名可以自己起 useradd rds 上传安装包到服务器单节点模式是由两个部署单元组成：1 个RDS 服务节点，1 个 RDS 中心节点。上传到 /home/rds 用户文件夹&#xff0…...

编程日记 2025/2/12 4:14:59

经典C语言代码——part 19（链表）

【程序72】题目：创建一个链表。 1.程序分析：　　　　　　　　　　　 2.程序源代码： /*creat a list*/ #include "stdlib.h" #include "stdio.h" struct list { int data; struct list *next; }; typedef str…...

编程日记 2025/2/7 8:09:33

【Leetcode 每日一题】52. N 皇后 II

问题背景 n n n 皇后问题研究的是如何将 n n n 个皇后放置在 n n n \times n nn 的棋盘上，并且使皇后彼此之间不能相互攻击。给你一个整数 n n n，返回 n n n 皇后问题不同的解决方案的数量。数据约束 1 ≤ n ≤ 9 1 \le n \le 9 1≤n≤9 解题…...

编程日记 2025/2/9 1:36:31

Scala的模式匹配（1）

package hfdobject Test34_1 {def main(args: Array[String]): Unit {//从数据库中获得数据 1，2，3，4//要显示给用户的是一等，二等，三等，四等val level1val levelTxtlevel match {case 1>"一等&q…...

编程日记 2025/2/9 12:35:34

Oracle 11G DataGuard GAP 修复过程（通过主库scn增备恢复）

Oracle 11G DataGuard GAP 修复 （通过主库scn增备恢复） 介绍 DG GAP 顾名思义就是：DG不同步，当备库不能接受到一个或多个主库的归档日志文件时候，就发生了 GAP。那么，如果遇到GAP如何修复呢&#xff1f…...

编程日记 2025/2/11 20:07:41

redis的应用----缓存

redis的应用----缓存一、缓存的概念二、使用redis作为缓存2.1使用redis作为缓存的原因2.2缓存机制的访问步骤三、缓存的更新策略3.1定期更新3.2实时更新3.3淘汰策略四、缓存常见的问题4.1缓存预热(Cache preheating)4.2缓存穿透(Cache penetration)4.3缓存雪崩(Cache avalan…...

编程日记 2025/2/10 9:44:26

「Mac畅玩鸿蒙与硬件41」UI互动应用篇18 - 多滑块联动控制器

本篇将带你实现一个多滑块联动的控制器应用。用户可以通过拖动多个滑块，动态控制不同参数（如红绿蓝三色值），并实时显示最终结果。我们将以动态颜色调节为例，展示如何结合状态管理和交互逻辑，打造一个高级的…...

编程日记 2025/2/12 2:35:28

SpringBoot两天

SpringBoot讲义什么是SpringBoot？ Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式&#xf…...

编程日记 2025/2/11 13:26:05

基于Java Springboot诗词学习APP且微信小程序

一、作品包含源码数据库设计文档万字PPT全套环境和工具资源部署教程二、项目技术前端技术：Html、Css、Js、Vue、Element-ui 数据库：MySQL 后端技术：Java、Spring Boot、MyBatis 三、运行环境开发工具：IDEA/eclipse微信开…...

编程日记 2025/2/9 18:22:32

3.建立本地仓库及常用命令

1.建立本地仓库要使用Git对我们的代码进行版本控制，首先需要获得本地仓库 1）在电脑的任意位置创建一个空目录，作为我们的本地Git仓库 2）进入这个目录，右键点击Git Bash 窗口 3）执行命令git init 4) 如果创…...

编程日记 2025/2/10 0:58:00

【Linux——实现一个简易shell】

黑暗中的我们都没有说话，你只想回家，不想你回家............................................................... 文章目录前言一、【shell工作过程】二、【命令行参数】 2.1、【获取命令行参数】 1、【输出命令行提示符】 2、【输入命令行参数】 2…...

编程日记 2025/2/9 9:29:05

python使用python-docx处理word

文章目录一、python-docx简介二、基本使用1、新建与保存word2、写入Word（1）打开文档（2）添加标题（3）添加段落（4）添加文字块（5）添加图片（6&#xf…...

编程日记 2025/1/28 0:48:13

Typora设置自动上传图片到图床

Typora设置自动上传图片到图床方法一：使用php 打开设置界面： 自定义命令： php F:/WWW/php-library/TyporaUploadImage.php ${filename}php代码： # TyporaUploadImage.php <?php // Set the API endpoint URL // $apiUrl…...

编程日记 2025/2/6 20:48:52

如何进行Appium实现移动端UI自动化测试呢？

🍅 点击文末小卡片 ，免费获取软件测试全套资料，资料在手，涨薪更快 Appium是一个开源跨平台移动应用自动化测试框架。既然只是想学习下Appium如何入门，那么我们就直奔主题。文章结构如下： 为什么要使用…...

编程日记 2025/2/9 0:29:33

PHP语法学习(第三天)

老规矩，先回顾一下昨天学习的内容 PHP语法学习(第二天) 主要学习了PHP变量、变量的作用域、以及参数作用域。今天由Tom来打开新的篇章文章目录 echo 和 print 区别PHP echo 语句实例 PHP print 语句实例 PHP 数组创建数组利用array() 函数数组的类型索引数组关联…...

编程日记 2025/2/6 4:40:46

mac访达打开终端

选择文件夹打开选中文件夹，然后右键即可： 在当前文件夹打开在访达的当前文件夹长按option键左下角出现当前文件夹路径右键即可打开终端...

编程日记 2025/1/26 19:00:20

游戏引擎学习第30天

仓库: https://gitee.com/mrxiao_com/2d_game 回顾在这段讨论中，重点是对开发过程中出现的游戏代码进行梳理和进一步优化的过程。工作回顾：在第30天，回顾了前一天的工作，并提到今天的任务是继续从第29天的代码开始&#xff0c…...

编程日记 2025/2/10 13:18:43

git将远端库地址加入到本地库中

git将远端库地址加入到本地库中 git remote add test https://test.git其中test表示远端库的名称，url表示远端库的地址，这样添加后在.git/config配置文件中就能够看到新的remote已经被添加，并且通过git remote -v能够看到新添加的远端库...

编程日记 2025/2/9 9:02:16