VScode 工作区配置 和 用户配置

一、工作区配置

通常不同的项目都有不同的配置，我一般都是使用eslint和prettier一起用，所以经常会有这几个文件：

这里简单介绍一下这几个文件的作用吧。

1.vscode文件夹下

一般有两个文件，extensions.json和settings.json。

extensions.json

文件是用来配置推荐安装的 VS Code 插件的文件。在这个文件中，你可以列出你项目中推荐使用的一些插件，当你打开项目时，VS Code 会自动提示你是否安装这些插件。

比如：

{

  "recommendations": ["johnsoncodehk.volar", "esbenp.prettier-vscode","dbaeumer.vscode-eslint"]

}

这三个插件分别代表：

  1. johnsoncodehk.volar: 与 Vue.js 相关的插件，提供了更好的 Vue.js 开发体验。

  2. esbenp.prettier-vscode: Prettier 的 VS Code 插件，用于格式化代码。

  3. dbaeumer.vscode-eslint: ESLint 的 VS Code 插件，用于提供 ESLint 集成支持。

settings.json

这是VS Code 中的设置文件一般用来设置项目的开发配置，比如常见的都是这些配置：

{
  "window.title": "Admin", //设置 VS Code 窗口标题

  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.detectIndentation": false,
  "editor.formatOnPaste": false,
  "editor.formatOnSave": true,
  "editor.wordWrap": "on",  //启用文本换行
  "eslint.alwaysShowStatus": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue",
    "html",
    {
      "language": "vue",
      "autoFix": true
    }
  ],

  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },

  "[jsonc]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.tabSize": 2,
  "diffEditor.ignoreTrimWhitespace": false,
  "files.associations": {
    "*.vue": "vue"
  },
  
  "editor.suggestSelection": "first",
  
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "prettier.tabWidth": 2,//指定 Prettier 的缩进宽度为 2 个空格
  "prettier.semi": false,
  "prettier.jsxSingleQuote": true,
  "prettier.singleQuote": true,
  "prettier.eslintIntegration": true, // 让prettier遵循eslint格式美化

  // "[json]": {
  //   "editor.defaultFormatter": "esbenp.prettier-vscode"
  // },
  "files.exclude": {
    // ".dockerignore": true,
    // ".editorconfig": true,
    // ".eslint*": true,
    // ".travis*": true,
    // "babel*": true,
    // "package-lock*": true,
    // "postcss*": true,
    // "nginx*": true,
    // ".git*": true,
    // ".pretti*": true,
    // ".vscode": true,
    // ".stylelintrc.json": true,
    // "*.md": true,
    // "*.toml": true,
    // "*firebase*": true,
    // "appveyor.yml": true,
    // "dist": true,
    // "Dock*": true,
    // "jest*": true,
    // "node_modules": true,
    // "README*": true
  },
  "javascript.format.enable": true, // 不启动JavaScript格式化
  "files.autoSave": "onFocusChange",
  
  "eslint.options": {
    // "plugins": ["html"]
  },
  // "workbench.statusBar.feedback.visible": false,
  "vetur.format.options.tabSize": 2, //Vue 文件中的缩进大小
  "vetur.format.defaultFormatter.css": "prettier",
  "merge-conflict.autoNavigateNextConflict.enabled": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"  //保存时执行 ESLint 修复
  },
  "[scss]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  "prettier.requireConfig": true,
  "editor.guides.indentation": false,
  "editor.guides.highlightActiveIndentation": false,
  "workbench.editor.empty.hint": "hidden" //隐藏空白编辑器的提示，可以根据个人偏好进行配置
}

一般都是需要什么配置去找什么配置，当前只有这两个还是不太行，一般还需要其他的文件来辅助。

2.根目录下

eslintrc.js   和 prettierrc ，看名字就知道都是干啥的，一般会有这样的配置：

.eslintrc.js 

module.exports = {
  root: true,
  env: {
    browser: true,
    commonjs: true,
    es6: true,
    node: true
  },

  globals: {
    defineEmits: true,
    document: true,
    localStorage: true,
    GLOBAL_VAR: true,
    window: true,
    defineProps: true,
    defineExpose: true,
    $ref: true
  },
  plugins: ['@typescript-eslint', 'prettier', 'import'],
  extends: [
    'eslint:recommended',
    'plugin:@typescript-eslint/recommended',
    'plugin:vue/vue3-recommended',
    'prettier',
    './.eslintrc-auto-import.json'
  ],
  parserOptions: {
    parser: '@typescript-eslint/parser',
    sourceType: 'module',
    ecmaFeatures: {
      jsx: true,
      tsx: true
    }
  },
  rules: {
    //close lf error
    'import/no-unresolved': [0],
    'vue/multi-word-component-names': 'off',
    'vue/no-deprecated-router-link-tag-prop': 'off',
    'import/extensions': 'off',
    'import/no-absolute-path': 'off',
    'no-async-promise-executor': 'off',
    'import/no-extraneous-dependencies': 'off',
    'vue/no-multiple-template-root': 'off',
    'vue/html-self-closing': 'off',
    'no-console': 'off',
    'no-plusplus': 'off',
    'no-useless-escape': 'off',
    'no-bitwise': 'off',
    '@typescript-eslint/no-explicit-any': ['off'],
    '@typescript-eslint/explicit-module-boundary-types': ['off'],
    '@typescript-eslint/ban-ts-comment': ['off'],
    'vue/no-setup-props-destructure': ['off'],
    '@typescript-eslint/no-empty-function': ['off'],
    'vue/script-setup-uses-vars': ['off'],
    //can config  to 2 if need more then required
    '@typescript-eslint/no-unused-vars': [0],
    'no-param-reassign': ['off']
  }
}

解释如下： 

  • root: true: 表示 ESLint 应该停止在父级目录中查找其他配置文件。

  • env: 定义了代码运行的环境。这里包括浏览器、CommonJS、ES6 和 Node.js。

  • globals: 定义了全局变量，这样 ESLint 不会发出未定义的错误。这里列出了一些常见的全局变量，比如 document、localStorage、window 等。

  • plugins: 插件列表，这里包括 @typescript-eslint、prettier 和 import。这些插件提供了额外的规则和功能。

  • extends: 继承了一系列预设的规则集，包括了一些推荐的规则，TypeScript 相关的规则，Vue3 推荐的规则，以及 Prettier 的规则。

  • parserOptions: 定义了解析器选项，这里使用了 TypeScript 解析器 @typescript-eslint/parser，并设置了一些选项，如支持 JSX 和 TSX。

  • rules: 定义了具体的规则配置。这里关闭了一些规则，例如关闭了一些 import 相关的规则、关闭了一些 TypeScript 相关的规则、关闭了一些 Vue 相关的规则等。每个规则的具体含义可以根据规则的名称查找 ESLint 文档进行了解

.prettierrc 

{
    "useTabs": false,
    "tabWidth": 2,
    "printWidth": 120,
    "singleQuote": true,
    "trailingComma": "none",
    "bracketSpacing": true,
    "semi": false,
    "htmlWhitespaceSensitivity": "ignore"
}

  • useTabs: 表示是否使用制表符（Tab）进行缩进。如果设置为 false，则使用空格进行缩进。

  • tabWidth: 表示缩进的空格数目。如果使用空格进行缩进，定义每级缩进的空格数。

  • printWidth: 表示代码行的最大宽度，超过这个宽度则进行换行。

  • singleQuote: 表示是否使用单引号。如果设置为 true，则使用单引号；如果设置为 false，则使用双引号。

  • trailingComma: 表示对象、数组等最后一个元素后是否加逗号。可选值为 "none"、"es5"、"all"。

  • bracketSpacing: 表示花括号是否有空格。如果设置为 true，则花括号内部有空格。

  • semi: 表示是否使用分号作为语句的结束符。如果设置为 false，则不使用分号。

  • htmlWhitespaceSensitivity: 表示 HTML 文件中空格的敏感性。可选值为 "css"（保留 CSS 规则的空格）和 "ignore"（忽略空格）。

这些配置项用于规范代码风格，确保团队成员之间的代码风格一致。 Prettier 会根据这些配置对代码进行格式化。

除此之外，还可以引入这些配置：

.eslintrc-auto-import.json  

定义全局变量，以避免 ESLint 报告这些变量未定义的错误

 比如：

{
  "globals": {
    "axiosReq": true,
    "computed": true,
    "createApp": true,
    "createLogger": true,
    "createNamespacedHelpers": true,
    "createStore": true,
    "customRef": true,
    "defineAsyncComponent": true,
    "defineComponent": true,
    "effectScope": true,
    "EffectScope": true,
    "getCurrentInstance": true,
    "getCurrentScope": true,
    "h": true,
    "inject": true,
    "isReadonly": true,
    "isRef": true,
    "mapActions": true,
    "mapGetters": true,
    "mapMutations": true,
    "mapState": true,
    "markRaw": true,
    "nextTick": true,
    "onActivated": true,
    "onBeforeMount": true,
    "onBeforeUnmount": true,
    "onBeforeUpdate": true,
    "onDeactivated": true,
    "onErrorCaptured": true,
    "onMounted": true,
    "onRenderTracked": true,
    "onRenderTriggered": true,
    "onScopeDispose": true,
    "onServerPrefetch": true,
    "onUnmounted": true,
    "onUpdated": true,
    "provide": true,
    "reactive": true,
    "readonly": true,
    "ref": true,
    "resolveComponent": true,
    "shallowReactive": true,
    "shallowReadonly": true,
    "shallowRef": true,
    "toRaw": true,
    "toRef": true,
    "toRefs": true,
    "triggerRef": true,
    "unref": true,
    "useAttrs": true,
    "useCommon": true,
    "useCssModule": true,
    "useCssVars": true,
    "useElement": true,
    "useRoute": true,
    "useRouter": true,
    "useSlots": true,
    "useStore": true,
    "useVueRouter": true,
    "watch": true,
    "watchEffect": true
  }
}

这些变量看起来是与 Vue 3 和 Vue 相关的一些功能和 API 相关的，包括 ref、reactive、computed、provide、watch、watchEffect 等。

通过将这些变量添加到 globals 字段中，告诉 ESLint 这些变量是全局可用的，不需要在代码中显式声明或导入。

这种做法有助于提高开发效率，同时确保代码中使用的全局变量能够被正确地识别和检查，而不会导致未定义的错误。

 

 .eslintignore

用于配置 ESLint 忽略检查的文件和目录。 

public
node_modules
.history
.husky
src/static
src/components/*
src/uni_modules/*
src/utils/*
dist
axios
*.d.ts

public: 忽略 public 目录下的文件和子目录。
node_modules: 忽略 node_modules 目录下的文件和子目录。
.history: 忽略 .history 目录下的文件和子目录。
.husky: 忽略 .husky 目录下的文件和子目录。
src/static: 忽略 src/static 目录下的文件和子目录。
src/components/*: 忽略 src/components 目录下的所有文件。
src/uni_modules/*: 忽略 src/uni_modules 目录下的所有文件。
src/utils/*: 忽略 src/utils 目录下的所有文件。
dist: 忽略 dist 目录下的文件和子目录。
axios: 忽略 axios 文件。
*.d.ts: 忽略以 .d.ts 结尾的文件。
这些规则用于告诉 ESLint 在检查代码时忽略这些文件和目录，通常用于排除一些不需要进行代码检查的文件或者由工具生成的文件。

 .editorconfig

用于配置代码编辑器的行为，以确保在不同编辑器中保持一致的代码风格

# https://editorconfig.org
root = true

[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true

[*.md]
insert_final_newline = false
trim_trailing_whitespace = false

  • root = true: 表示这是最顶层的 .editorconfig 文件，编辑器在查找 .editorconfig 文件时将停止搜索。

  • [*]: 适用于所有文件的默认配置。

    • charset = utf-8: 文件编码使用 UTF-8。
    • indent_style = space: 缩进使用空格。
    • indent_size = 2: 缩进大小为 2 个空格。
    • end_of_line = lf: 换行符使用 LF (Unix 风格)。
    • insert_final_newline = true: 在文件的末尾插入一个空白行。
    • trim_trailing_whitespace = true: 去除行尾的空格。

  • [*.md]: 适用于 Markdown 文件的配置。

    • insert_final_newline = false: 不在 Markdown 文件的末尾插入空白行。
    • trim_trailing_whitespace = false: 不去除 Markdown 文件行尾的空格。

这些设置旨在提供一致的编辑器配置，以避免因编辑器不同而引起的格式化问题。例如，它确保所有文件都使用相同的字符集、缩进风格等。

 

上面这些是不用的工作区，或者说是不同的项目之间的配置，下面是自己的vscode的一些配置，当然如果有上面的配置，用户配置只是补充

二、用户配置

点击设置，随便搜点啥，点击这个链接就到了用户设置里，当然也可以根据此来进行工作区的设置，这里有中文，比较方便。

{
  // 添加 vue 支持
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "vue",
      "autoFix": false
    }
  ],
  // //火花组件的配置
  // "powermode.enabled": true, //启动
  // "powermode.presets": "flames", // 火花效果
  // "powermode.enableShake": true, // 去除代码抖动
  // "powermode.shake.enabled": false,
  // "powermode.combo.counterEnabled": "hide",
  // "powermode.combo.timerEnabled": "hide",
  // #这个按用户自身习惯选择
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  // #让vue中的js按编辑器自带的ts格式进行格式化
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "force-aligned"
      // #vue组件中html代码格式化样式
    }
  },
  // // 格式化stylus, 需安装Manta's Stylus Supremacy插件
  // "stylusSupremacy.insertColons": false, // 是否插入冒号
  // "stylusSupremacy.insertSemicolons": false, // 是否插入分好
  // "stylusSupremacy.insertBraces": false, // 是否插入大括号
  // "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
  // "stylusSupremacy.insertNewLineAroundBlocks": false,

  //代码格式化
  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  // 重新设定tabsize
  "editor.tabSize": 2,
  // #每次保存的时候自动格式化
  "editor.formatOnSave": true,
  "files.autoSave": "onFocusChange",
  "files.autoSaveDelay": 3000,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "never"
  },
  "editor.semanticTokenColorCustomizations": {
    "[Default Dark+]": {}
  },
  //  #使用带引号替代双引号
  // "prettier.singleQuote": false,
  //  #让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,

  // "tabnine.experimentalAutoImports": true,
  // "emmet.preferences": {},
  // "prettier.jsxSingleQuote": false,
  // "html.completion.attributeDefaultValue": "singlequotes",
  // "[vue]": {
  //   "editor.defaultFormatter": "esbenp.prettier-vscode"
  // },
  //关闭vetur标签闭合检查（用于解决iview标签报错）
  "explorer.confirmDelete": true,
  //auto Rename tag
  "editor.linkedEditing": true,
  //auto close tags
  "html.autoClosingTags": true,
  "javascript.autoClosingTags": true,
  "typescript.autoClosingTags": true,
  //auto import 为JavaScript//TypeScript使用auto-import suggestions,.在文件移动时更新导入，并在top使用绝对路径组织导入。
  "javascript.suggest.autoImports": true,
  "typescript.suggest.autoImports": true,

  "javascript.updateImportsOnFileMove.enabled": "always",
  "typescript.updateImportsOnFileMove.enabled": "always",
  //括号颜色和水平
  "editor.bracketPairColorization.independentColorPoolPerBracketType": true,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "cSpell.userWords": ["pview"],
  "editor.accessibilitySupport": "off",
  "merge-conflict.autoNavigateNextConflict.enabled": true,
  "volar.autoCompleteRefs": true,
  "cSpell.languageSettings": [],
  "prettier.semi": false,
  "tabnine.experimentalAutoImports": true,
  "workbench.editorAssociations": {
    "*.ttf": "default"
  },
  "prettier.singleQuote": true,
  "prettier.jsxSingleQuote": true,
  "workbench.colorTheme": "Monokai Dimmed",
  "C_Cpp.commentContinuationPatterns": ["/**"],
  "git.suggestSmartCommit": false,
  "git.confirmSync": false,
  "window.zoomLevel": 1,
  "editor.fontVariations": false
}

 我上面的配置是自己常用的，可以参考，基本每一个配置都有对应的中文解释，可以很方便的看懂。

over~ 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/264237.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

07 Vue3中的三元表达式

07 Vue3中的三元表达式

概述 三元表达式时JavaScript中比较常用的一种原生语法，能够在一行代码中实现if-else的分支逻辑。 在Vue的双大括号中，我们也可以使用三元表达式去实现一些简单的条件渲染。 基本用法 我们创建src/components/Demo07.vue，先尝试一下三元表…
阅读更多...
【泛型中K T V E? Object等分别代表什么含 义】

【泛型中K T V E? Object等分别代表什么含 义】

✅ 泛型中K T V E? Object等分别代表什么含义 ✅ 典型解析✅代码示例 ✅ 典型解析 E - Element (在集合中使用，因为集合中存放的是元素) T-Type (Java 类) K- Key (键) V - Value (值) N - Number (数值类型) ? - 表示不确定的iava类型 (无限制通配符类型) …
阅读更多...
linux 中 C++的环境搭建以及测试工具的简单介绍

linux 中 C++的环境搭建以及测试工具的简单介绍

文章目录 makefleCMakegdb调试 与 coredumpValgrind 内存检测gtest 单元测试 makefile 介绍 安装 : sudo apt install make makefile 的规则: 举例说明 包括：目标文件 、 依赖文件 、 生成规则 使用 ： make make clean CMake : CMake是一个…
阅读更多...
OpenHarmony 4.0 Release发布，同步升级API 10

OpenHarmony 4.0 Release发布，同步升级API 10

不久之前，OpenHarmony 正式发布了4.0 版本，开发套件也同步升级到 API 10。相比 3.2 Release 版本，4.0 版本新增 4000 多个 ArkTS API，应用开发能力更加丰富；HDF 新增 200 多个 HDI 接口，硬件适配更加便捷&a…
阅读更多...
浅谈在线监测系统与配电能效平台在供水水厂的应用

浅谈在线监测系统与配电能效平台在供水水厂的应用

贾丽丽 安科瑞电气股份有限公司 上海嘉定 201800 【摘要】针对自来水厂工艺老化资金有限的问题，设计水厂在线监测系统，采用安科瑞，对原水滤后水、出厂水进行采样分析，并通过基于组态的上位机系统实现水质数据的实时监测。该系统…
阅读更多...
听GPT 讲Rust源代码--src/tools(23)

听GPT 讲Rust源代码--src/tools(23)

File: rust/src/tools/clippy/rustc_tools_util/src/lib.rs 在Rust源代码中，rust/src/tools/clippy/rustc_tools_util/src/lib.rs文件的作用是为Clippy提供了一些实用工具和辅助函数。 该文件中定义了VersionInfo结构体，它有三个字段，分别为m…
阅读更多...
opencv入门到精通——图像上的算术运算

opencv入门到精通——图像上的算术运算

目录 目标 图像加法 图像融合 按位运算 目标 学习图像的几种算术运算，例如加法，减法，按位运算等。 您将学习以下功能：cv.add，cv.addWeighted等。 图像加法 您可以通过OpenCV函数cv.add()或仅通过numpy操作res …
阅读更多...
账号多、用户咨询量大无法及时回复？「互动管理」助力高效经营！

账号多、用户咨询量大无法及时回复？「互动管理」助力高效经营！

随着互联网行业不断向纵深发展，内容形态与营销场景也更加多元化。越来越多的品牌跑步入场，深耕社媒营销，建立多平台营销矩阵，借助社媒平台的全域态势助力品牌增长。 据云略《2023品牌新媒体矩阵营销洞察报告》显示，目前…
阅读更多...
win11下配置visual studio 2022+PCL1.13.1

win11下配置visual studio 2022+PCL1.13.1

第一部分：visual studio2022 安装 vs官网网址如下：https://visualstudio.microsoft.com/zh-hans/vs/ 第一步：我们打开官网链接，按如下操作点击下载免费版本的exe文件 第二步：打开下载目录下的安装文件进行安装&#…
阅读更多...
选择移动订货系统源码的四大原因

选择移动订货系统源码的四大原因

移动订货系统需要选择源码支持的厂家，有以下四个原因，其中第四个是比较重要的，大家点个关注点个赞，我们接着往下看。 1.可自行定制：支持源码的移动订货系统可以根据企业的具体需求进行定制开发，满足企业特定…
阅读更多...
vue3 登录页和路由表开发

vue3 登录页和路由表开发

目录 应用场景/背景描述： 开发流程： 详细开发流程： 总结/分析： 背景描述 在上一篇的基础上开始开发，element-plusvue3 上一篇说道详细迁移的过程，如下： 所以我这篇开始了第一步&#xff0c…
阅读更多...
Ubuntu20.04.2 Mate 安装后基本初始设置要点笔记

Ubuntu20.04.2 Mate 安装后基本初始设置要点笔记

序言： 有几款Linux比较稳定而且LTS长期支持，窗口也比较干净有特色，CentOS、Ubuntu、Debian、Mint 都是挺不错的OS，因为LTS，所以不像Rolling版那样改动频发，为长期应用提供了比较好的保障。下面是 Ubuntu20…
阅读更多...
【Filament】绘制立方体

【Filament】绘制立方体

1 前言 本文主要介绍使用 Filament 绘制彩色立方体，读者如果对 Filament 不太熟悉，请回顾以下内容。 Filament环境搭建绘制三角形绘制矩形绘制圆形 2 绘制立方体 本文项目结构如下，完整代码资源 → Filament绘制立方体。 2.1 自定义基类 为…
阅读更多...
【计算机系统结构实验】实验5 多核编程（OpenMP编程）

【计算机系统结构实验】实验5 多核编程（OpenMP编程）

5.1 实验目的 加深对多核处理器架构的理解； 掌握使用OpenMP进行多线程编程的基本方法； 学习Windows和OpenEuler环境下多核编程的过程和time命令； 5.2 实验平台 需要多核处理器的计算机和微软编程工具Visual Studio 2012。Taishan服务器&…
阅读更多...
Mac使用Vmware Fusion虚拟机配置静态ip地址

Mac使用Vmware Fusion虚拟机配置静态ip地址

一、设置虚拟机的网络为NAT 二、修改虚拟机的网络适配器网络 1、查看虚拟机的网卡 cd /etc/sysconfig/network-scripts#有些系统显示的是ens33，ens160等等 #不同的系统和版本，都会有所不同 #Centos8中默认是ens160,在RedHat/Centos7则为ens33 2、查看网…
阅读更多...
封装Detours用于Python中x64函数hook

封装Detours用于Python中x64函数hook

Detours 代码仓库: https://github.com/microsoft/Detours x64写一个任意地址hook要比x86麻烦的多，所以这里直接封装框架来用于x64的hook。 Detours是微软发布的一个API hook框架，同时支持x86和x64，看文档说也支持ARM和ARM64的Windows。 …
阅读更多...
【Linux笔记】网络操作命令详细介绍

【Linux笔记】网络操作命令详细介绍

🍎个人博客：个人主页 🏆个人专栏：Linux学习 ⛳️ 功不唐捐，玉汝于成 前言： 网络操作是Linux系统中常见的任务之一，它涵盖了测试网络连接、配置网络接口、显示网络统计信息以及远程登录和文件传…
阅读更多...
STM32的以太网外设+PHY（LAN8720）使用详解（5）：MAC及DMA配置

STM32的以太网外设+PHY（LAN8720）使用详解（5）：MAC及DMA配置

0 工具准备 1.野火 stm32f407霸天虎开发板 2.LAN8720数据手册 3.STM32F4xx中文参考手册1 MAC及DMA配置 1.1 使能ETH时钟 stm32的ETH外设挂载在AHB1总线上，位于RCC_AHB1ENR的bit25-bit27： 相关语句如下： RCC_AHB1PeriphClockCmd(RCC_AHB1…
阅读更多...
WPF组合控件TreeView+DataGrid之DataGrid封装-粉丝专栏

WPF组合控件TreeView+DataGrid之DataGrid封装-粉丝专栏

wpf的功能非常强大，很多控件都是原生的，但是要使用TreeViewDataGrid的组合，就需要我们自己去封装实现。 我们需要的效果如图所示： 这2个图都是第三方控件自带的，并且都是收费使用。 现在我们就用原生的控件进行封装一…
阅读更多...
Tekton

Tekton

一. 概念 Tekton 官网 Github Tekton 是一种用于构建 CI/CD 管道的云原生解决方案，它由提供构建块的 Tekton Pipelines，Tekton 作为 Kubernetes 集群上的扩展安装和运行，包含一组 Kubernetes 自定义资源，这些资源定义了您可以为…
阅读更多...
最新文章

Copyright @ 2022~2023