Vue 3与ESLint、Prettier：构建规范化的前端开发环境

title: Vue 3与ESLint、Prettier：构建规范化的前端开发环境
date: 2024/6/11
updated: 2024/6/11
publisher: cmdragon

excerpt:
这篇文章介绍了如何在Vue 3项目中配置ESLint和Prettier以统一代码风格，实现代码规范性与可读性的提升。通过设置规则、解决冲突、以及将配置融入持续集成流程和代码审查过程，确保团队协作时代码风格的一致性，提升开发效率与项目维护性。

categories:

  • 前端开发

tags:

  • Vue 3
  • ESLint
  • Prettier
  • 代码规范
  • 持续集成
  • 代码审查
  • 团队协作

在这里插入图片描述

在这里插入图片描述

扫码关注或者微信搜一搜：编程智域 前端至全栈交流与成长

第一章：Vue 3项目基础

Vue 3简介

Vue 3是Vue.js前端框架的第三个主要版本，它带来了许多新的特性和改进，旨在提供更好的性能、更小的体积和更灵活的API。Vue 3的核心库采用了Composition API，这使得组件的逻辑组织更加清晰，同时保持了与Vue 2的兼容性。Vue 3还引入了Tree-shaking、Teleport、Fragment、Suspense等新特性，以及更好的TypeScript支持。

搭建Vue 3开发环境

搭建Vue 3开发环境通常需要以下步骤：

  1. 安装Node.js和npm：Vue 3项目通常使用npm（Node Package Manager）进行依赖管理，因此首先需要安装Node.js和npm。
  2. 使用Vue CLI创建项目：Vue CLI是Vue官方提供的脚手架工具，可以快速搭建Vue项目。通过运行vue create命令，可以选择预设或手动配置项目。
  3. 选择Vue 3版本：在创建项目时，Vue CLI会询问是否使用Vue 3，选择相应的选项即可创建Vue 3项目。
  4. 安装依赖：项目创建后，使用npm install或yarn install命令安装项目依赖。
  5. 运行开发服务器：使用npm run serve或yarn serve命令启动开发服务器，查看项目是否正常运行。
Vue 3项目结构解析

Vue 3项目通常具有以下目录结构：

my-vue3-project/
├── node_modules/         # 项目依赖
├── public/               # 公共静态资源
│   └── index.html        # 入口HTML文件
├── src/                  # 源代码
│   ├── assets/           # 静态资源
│   ├── components/       # Vue组件
│   ├── router/           # 路由配置
│   ├── store/            # Vuex状态管理
│   ├── App.vue           # 根组件
│   └── main.js           # 入口文件
├── .eslintrc.js          # ESLint配置文件
├── .prettierrc.js        # Prettier配置文件
├── package.json          # 项目配置和依赖
└── README.md             # 项目说明
  • node_modules/：存放项目的依赖库。
  • public/：存放公共静态资源，如入口HTML文件。
  • src/：存放源代码，包括组件、路由、状态管理等。
  • .eslintrc.js：ESLint的配置文件，用于定义代码规范。
  • .prettierrc.js：Prettier的配置文件，用于定义代码格式化规则。
  • package.json：定义项目依赖、脚本和配置信息。
  • README.md：项目说明文件，通常包含项目的基本信息和构建指南。

通过理解Vue 3项目的基础和结构，开发者可以更好地进行项目开发和维护。

第二章：ESLint入门

ESLint概述

ESLint是一个插件化的JavaScript代码检查工具，用于识别和报告JavaScript代码中的模式，以确保代码质量。它可以帮助开发者遵循编码规范，避免潜在的错误，并保持代码的一致性。ESLint是高度可配置的，可以通过插件和规则来扩展其功能。cmdragon’s Blog

安装与配置ESLint

安装ESLint通常需要以下步骤：

  1. 安装Node.js和npm：确保你的系统上已经安装了Node.js和npm。
  2. 全局安装ESLint：虽然不推荐全局安装，但可以通过运行npm install -g eslint来全局安装ESLint。
  3. 项目内安装ESLint：在项目目录下运行npm install eslint --save-dev来安装ESLint作为开发依赖。
  4. 初始化ESLint配置：在项目根目录下运行npx eslint --init，根据提示选择配置选项，生成.eslintrc.*配置文件。
  5. 配置文件：生成的配置文件可以是.eslintrc.js、.eslintrc.json或.eslintrc.yaml，根据个人喜好选择。
基本规则与配置文件

ESLint的配置文件定义了代码检查的规则。以下是一些基本的规则和配置示例：

  1. 规则启用：在配置文件中，可以通过rules对象来启用或禁用规则。例如，要启用semi规则（要求或禁止使用分号），可以设置"semi": ["error", "always"]。
  2. 环境设置：在配置文件中，可以通过env对象来指定代码运行的环境，如browser、node等。
  3. 全局变量：在配置文件中，可以通过globals对象来声明全局变量，例如"jQuery": true。
  4. 扩展配置：可以通过extends属性来扩展其他配置文件，如"extends": "eslint:recommended"。
  5. 插件：可以通过plugins属性来使用ESLint插件，例如"plugins": ["vue"]。

以下是一个简单的.eslintrc.js配置文件示例：

module.exports = {
  "env": {
    "browser": true,
    "node": true
  },
  "extends": "eslint:recommended",
  "globals": {
    "jQuery": true
  },
  "rules": {
    "semi": ["error", "always"],
    "quotes": ["error", "double"]
  },
  "plugins": [
    "vue"
  ]
};

这个配置文件启用了浏览器和Node.js环境，扩展了ESLint的推荐规则，声明了jQuery为全局变量，要求使用分号，并使用双引号，同时启用了Vue插件。

通过学习和配置ESLint，开发者可以确保代码质量，减少错误，并保持代码风格的一致性。

第三章：Prettier入门

Prettier概述

Prettier是一个自动格式化代码的工具，它通过解析代码并使用自己的规则重新打印代码，以保持一致的代码风格。Prettier支持多种语言，包括JavaScript、TypeScript、HTML、CSS、SCSS等。它旨在减少开发者之间关于代码格式的争论，并提高开发效率。

安装与配置Prettier

安装Prettier通常需要以下步骤：

  1. 安装Node.js和npm：确保你的系统上已经安装了Node.js和npm。
  2. 项目内安装Prettier：在项目目录下运行npm install prettier --save-dev来安装Prettier作为开发依赖。
  3. 创建Prettier配置文件：在项目根目录下创建一个.prettierrc文件，或者在package.json中添加prettier配置。
  4. 集成到编辑器：大多数现代代码编辑器都支持Prettier，可以通过安装相应的插件来集成Prettier。
  5. 命令行使用：可以使用npx prettier --write <文件路径>来格式化单个文件，或者npx prettier --write .来格式化整个项目。
Prettier的配置选项

Prettier的配置选项可以在.prettierrc文件中设置，或者在package.json中的prettier字段中设置。以下是一些常用的配置选项：

  • printWidth：指定每行代码的最大宽度（默认为80）。
  • tabWidth：指定每个制表符的空格数（默认为2）。
  • useTabs：指定是否使用制表符而不是空格（默认为false）。
  • semi：指定是否在语句末尾添加分号（默认为true）。
  • singleQuote：指定是否使用单引号而不是双引号（默认为false）。
  • trailingComma：指定多行对象和数组的最后一个元素后面是否添加逗号（默认为"es5"）。
  • bracketSpacing：指定对象字面量属性之间是否需要空格（默认为true）。
  • jsxBracketSameLine：指定多行JSX元素是否在最后一行闭合（默认为false）。

以下是一个.prettierrc配置文件示例：

{
  "printWidth": 100,
  "tabWidth": 2,
  "useTabs": false,
  "semi": true,
  "singleQuote": true,
  "trailingComma": "es5",
  "bracketSpacing": true,
  "jsxBracketSameLine": false
}

这个配置文件设置了每行代码的最大宽度为100，使用2个空格作为制表符，语句末尾添加分号，使用单引号，多行对象和数组的最后一个元素后面添加逗号，对象字面量属性之间需要空格，多行JSX元素不在最后一行闭合。

通过学习和配置Prettier，开发者可以保持一致的代码风格，减少手动格式化代码的时间，并提高代码的可读性和可维护性。

第四章：Vue 3与ESLint、Prettier集成

在Vue 3项目中安装ESLint和Prettier

要在Vue 3项目中安装ESLint和Prettier，可以按照以下步骤操作：

  1. 安装Node.js和npm：确保你的系统上已经安装了Node.js和npm。

  2. 创建Vue 3项目：如果还没有Vue 3项目，可以使用Vue CLI创建一个新的项目。运行vue create your-project-name，并选择手动配置，以便可以添加ESLint和Prettier。

  3. 安装ESLint和Prettier：在项目目录下运行以下命令来安装ESLint和Prettier及其相关依赖：

    npm install eslint eslint-plugin-vue --save-dev
npm install prettier eslint-config-prettier eslint-plugin-prettier --save-dev

  4. 安装编辑器插件：大多数现代代码编辑器都支持ESLint和Prettier，可以通过安装相应的插件来集成。

配置ESLint以支持Vue单文件组件

为了使ESLint能够正确地解析Vue单文件组件（.vue文件），需要安装并配置eslint-plugin-vue。这通常在创建Vue项目时就已经完成，但如果需要手动配置，可以按照以下步骤操作：

  1. 创建ESLint配置文件：在项目根目录下创建一个.eslintrc.js文件，并添加以下内容：

    module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/prettier'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    // 在这里添加自定义规则
  }
};

  2. 确保ESLint能够解析.vue文件：确保.eslintignore文件中不包含.vue扩展名，这样ESLint就会检查Vue文件。

配置Prettier与ESLint协同工作

为了使Prettier和ESLint协同工作，需要安装eslint-config-prettier和eslint-plugin-prettier，并在ESLint配置中引入它们。这通常在安装Prettier时已经完成，但如果需要手动配置，可以按照以下步骤操作：

  1. 更新ESLint配置文件：在.eslintrc.js文件中，确保extends数组中包含了'plugin:prettier/recommended'，这样Prettier的规则就会被ESLint所采用。
  2. 创建Prettier配置文件：在项目根目录下创建一个.prettierrc文件，并添加你的Prettier配置。
  3. 确保Prettier和ESLint规则一致：Prettier和ESLint的配置应该保持一致，以避免冲突。例如，如果Prettier配置使用单引号，那么ESLint也应该配置为使用单引号。

通过以上步骤，你就可以在Vue 3项目中集成ESLint和Prettier，从而保持代码风格的一致性，并提高代码质量。

第五章：制定代码规范

代码规范的重要性

代码规范是指一组关于代码编写风格和结构的规则。它们对于软件开发项目来说至关重要，原因如下：

  1. 一致性：代码规范确保了所有开发者的代码风格一致，使得代码更易于阅读和维护。
  2. 可维护性：一致的代码风格减少了理解代码的难度，使得维护和更新代码变得更加容易。
  3. 可读性：良好的代码规范提高了代码的可读性，使得新成员能够更快地理解项目。
  4. 减少错误：通过强制执行代码规范，可以减少由于风格不一致引起的错误。
  5. 自动化检查：代码规范可以通过工具自动检查，如ESLint和Prettier，从而提高开发效率。
选择或创建代码规范集

选择或创建代码规范集时，可以考虑以下几个方面：

  1. 现有规范：许多组织和社区已经创建了广泛使用的代码规范，如Airbnb、Google、Standard等。可以选择一个与项目风格相近的规范作为基础。
  2. 项目需求：根据项目的具体需求，可能需要对现有规范进行调整或创建全新的规范。
  3. 团队习惯：考虑团队成员的习惯和偏好，选择一个大家都能接受的规范。
  4. 工具支持：确保所选规范有良好的工具支持，如ESLint、Prettier等，以便自动化检查和修复。
应用代码规范到项目中

一旦选择了代码规范，就需要将其应用到项目中。以下是一些步骤：

  1. 配置工具：根据所选规范配置ESLint、Prettier等工具。这可能涉及到修改.eslintrc.js、.prettierrc等配置文件。
  2. 集成到编辑器：大多数现代代码编辑器都支持ESLint和Prettier，可以通过安装相应的插件来实现实时检查和自动修复。
  3. 设置Git钩子：可以使用Git钩子（如pre-commit）在代码提交前自动运行ESLint和Prettier，确保提交的代码符合规范。
  4. 文档和培训：为团队成员提供代码规范的文档和培训，确保每个人都理解并遵循规范。
  5. 定期审查：定期进行代码审查，确保代码规范得到遵守，并在必要时更新规范。

通过以上步骤，可以将代码规范有效地应用到项目中，从而提高代码质量，促进团队合作。

第六章：实践中的代码规范

变量与函数命名规范

变量和函数的命名是代码规范中非常重要的一部分，良好的命名可以提高代码的可读性和可维护性。以下是一些通用的命名规范：

  1. 变量命名：

    • 使用驼峰式命名法（camelCase），例如userAge。
    • 避免使用缩写，除非是广泛认可的缩写，如ID。
    • 变量名应该描述其代表的含义，例如maxWidth而不是w。
    • 私有变量通常以一个下划线开头，例如_privateVariable。

  2. 函数命名：

    • 使用驼峰式命名法，首字母大写，例如calculateTotal。
    • 函数名应该描述其执行的操作，例如getUserProfile。
    • 避免使用动词短语作为函数名，例如doSomething。
代码缩进与格式化

代码的缩进和格式化对于代码的可读性至关重要。以下是一些通用的缩进和格式化规范：

  1. 缩进：

    • 使用一致的缩进，通常为2个或4个空格。
    • 不要使用制表符，因为它们在不同编辑器中的显示可能不一致。

  2. 格式化：

    • 使用空格来分隔操作符，例如a = b + c。
    • 在逗号后面使用空格，例如array = [1, 2, 3]。
    • 在函数调用时，参数之间使用空格，例如functionName(arg1, arg2)。
    • 使用一致的空行来分隔代码块，例如函数定义之间。
最佳实践与常见陷阱

在实践代码规范时，以下是一些最佳实践和常见陷阱：

  1. 最佳实践：

    • 使用版本控制系统，如Git，来跟踪代码更改。
    • 定期进行代码审查，确保代码质量。
    • 使用自动化工具来检查和修复代码格式问题。
    • 保持代码简洁，避免不必要的复杂性。

  2. 常见陷阱：

    • 过度使用缩写，导致代码难以理解。
    • 不一致的缩进和格式化，使得代码难以阅读。
    • 忽略代码规范，导致代码质量下降。
    • 使用不清晰的命名，使得代码难以维护。

第七章：持续集成与代码审查

集成ESLint和Prettier到持续集成流程

持续集成（CI）是一种软件开发实践，其中团队成员的代码更改频繁地集成到主分支中。ESLint是一个用于识别和报告JavaScript代码中的模式匹配的工具，而Prettier是一个自动格式化代码的工具。将ESLint和Prettier集成到CI流程中可以确保代码质量和一致性。
AD：覆盖广泛主题工具可供使用

  1. 配置ESLint：

    • 在项目根目录下创建一个.eslintrc文件，配置ESLint规则。
    • 安装ESLint依赖：npm install eslint --save-dev。
    • 运行npx eslint --init来初始化ESLint配置。

  2. 配置Prettier：

    • 在项目根目录下创建一个.prettierrc文件，配置Prettier规则。
    • 安装Prettier依赖：npm install prettier --save-dev。
    • 在package.json中添加一个脚本来运行Prettier："prettier": "prettier --write '**/*.{js,jsx,ts,tsx}'"。

  3. 集成到CI：

    • 在CI配置文件中（如.travis.yml或Jenkinsfile），添加步骤来安装ESLint和Prettier。
    • 添加步骤来运行ESLint和Prettier脚本，例如npm run lint和npm run prettier。
    • 如果ESLint或Prettier报告错误，CI构建应失败，以防止不符合规范的代码被合并。
代码审查与ESLint、Prettier反馈

代码审查是确保代码质量的关键步骤，ESLint和Prettier可以帮助提供自动化的反馈。

  1. 代码审查：

    • 在代码合并到主分支之前，进行代码审查。
    • 审查者应检查代码是否符合ESLint和Prettier规则。
    • 如果发现不符合规范的地方，应要求开发者修复。

  2. ESLint和Prettier反馈：

    • 开发者可以在本地运行ESLint和Prettier来检查代码。
    • CI流程中的ESLint和Prettier脚本会自动提供反馈。
    • 如果代码不符合规范，CI将提供详细的错误信息，开发者可以根据这些信息进行修复。
自动化代码质量监控

自动化代码质量监控可以帮助团队保持代码质量，并及早发现潜在的问题。

  1. 设置监控：

    • 使用CI工具的监控功能来跟踪代码质量指标。
    • 设置警报，当代码质量下降时通知团队成员。

  2. 定期报告：

    • 定期生成代码质量报告，包括ESLint和Prettier的统计数据。
    • 分析报告，识别趋势和潜在的问题。

  3. 持续改进：

    • 根据监控结果和代码审查反馈，不断改进代码规范和工具配置。
    • 鼓励团队成员学习和遵循最佳实践。

通过持续集成、代码审查和自动化代码质量监控，可以确保代码质量并提高开发效率。

第八章：高级ESLint与Prettier配置

自定义ESLint规则

自定义ESLint规则可以帮助团队根据项目需求调整代码规范。

  1. 创建自定义规则：

    • 在项目根目录下创建一个名为eslint-rules的文件夹。
    • 在该文件夹中创建自定义规则的JavaScript文件，例如custom-rule.js。
    • 在自定义规则文件中，使用ESLint的规则模板来编写规则。

  2. 配置ESLint使用自定义规则：

    • 在.eslintrc文件中，添加extends字段来指定自定义规则文件。
    • 使用rules字段来启用和配置自定义规则。
使用ESLint插件

ESLint插件可以扩展ESLint的功能，提供额外的规则和功能。

  1. 安装ESLint插件：

    • 使用npm install eslint-plugin-example --save-dev来安装插件（example是插件名）。

  2. 配置ESLint使用插件：

    • 在.eslintrc文件中，添加plugins字段来指定插件。
    • 使用rules字段来启用和配置插件的规则。
配置Prettier与ESLint协同工作的高级技巧

Prettier和ESLint可以协同工作，以确保代码既符合风格规范又符合代码质量规范。

  1. 安装ESLint Prettier插件：

    • 使用npm install eslint-config-prettier eslint-plugin-prettier --save-dev来安装插件。

  2. 配置ESLint忽略Prettier冲突：

    • 在.eslintrc文件中，添加extends字段来指定eslint-config-prettier。
    • 在plugins字段中添加prettier。
    • 在rules字段中，将prettier/prettier规则设置为error。

  3. 配置Prettier忽略ESLint格式化：

    • 在.prettierrc文件中，添加eslintIntegration字段并设置为true。

通过这些高级配置，可以确保Prettier和ESLint协同工作，提高代码质量和一致性。

附录

常用ESLint规则参考

ESLint 提供了大量的规则来帮助开发者编写高质量的代码。以下是一些常用的ESLint规则：

  • semi: 要求或禁止使用分号而不是 ASI（自动分号插入）。
  • quotes: 强制使用单引号、双引号或模板字符串。
  • no-unused-vars: 禁止出现未使用过的变量。
  • no-console: 禁止使用console对象。
  • no-debugger: 禁止使用debugger语句。
  • indent: 强制使用一致的缩进。
  • linebreak-style: 强制使用一致的换行风格（LF 或 CRLF）。
  • no-multiple-empty-lines: 禁止出现多行空行。
  • no-trailing-spaces: 禁止行尾空格。
  • arrow-parens: 要求箭头函数的参数使用圆括号。
Prettier的配置选项参考

Prettier 提供了一系列配置选项来控制代码格式化。以下是一些常用的Prettier配置选项：

  • printWidth: 指定每行代码的最大字符数。
  • tabWidth: 指定每个制表符的空格数。
  • useTabs: 强制使用制表符而不是空格。
  • semi: 在语句末尾添加分号。
  • singleQuote: 使用单引号而不是双引号。
  • trailingComma: 在多行对象字面量中打印尾随逗号。
  • bracketSpacing: 在对象字面量属性中打印空格。
  • jsxBracketSameLine: 将多行JSX元素的>放置在最后一行的末尾。
  • arrowParens: 为单个参数的箭头函数添加圆括号。
Vue 3与ESLint、Prettier常见问题解答

在使用Vue 3与ESLint、Prettier时，可能会遇到以下问题：

  1. Vue文件格式化问题：

    • 确保使用eslint-plugin-vue插件来支持Vue文件。
    • 在Prettier配置中启用vue语言支持。

  2. 组件命名规范：

    • 使用ESLint规则来强制组件命名规范，例如vue/component-name-in-template-casing。

  3. 模板语法检查：

    • 使用ESLint规则来检查Vue模板中的语法，例如vue/no-unused-vars。
相关资源与工具推荐
  • ESLint 官方文档：https://eslint.org/docs/rules/
  • Prettier 官方文档：https://prettier.io/docs/en/options.html
  • Vue ESLint 插件：https://eslint.vuejs.org/
  • ESLint 配置生成器：https://eslint.org/demo/
  • Prettier 配置生成器：https://prettier.io/playground/
  • cmdragon’s Blog：https://www.cmdragon.cn

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

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

相关文章

49、Flink 的数据源的 SplitReader API 详解

49、Flink 的数据源的 SplitReader API 详解

SplitReader API a&#xff09;概述 核心的 SourceReader API 是完全异步的&#xff0c;但实际上&#xff0c;大多数 Sources 都会使用阻塞的操作&#xff0c;例如客户端&#xff08;如 KafkaConsumer&#xff09;的 poll() 阻塞调用&#xff0c;或者分布式文件系统&#xff…
阅读更多...
商业智能（BI）期末复习

商业智能（BI）期末复习

商业智能&#xff08;BI&#xff09;期末复习 商业智能&#xff08;BI&#xff09;期末复习 2024/06/17 13:30-15:00 1.工作簿包含工作表 2.tableau是一款轻型BI工具 3.敏捷BI成本比较低 因为可以不建立数据仓库 4.敏捷BI的能带来更高的质量系统 是在用户监督下建立起来的 …
阅读更多...
Python易错点总结

Python易错点总结

目录 多分支选择结构 嵌套选择 用match模式识别 match与if的对比 案例&#xff1a;闰年判断 三角形的判断 用whlie循环 高斯求和 死循环 用for循环 ​编辑continue​编辑 whlie与else结合 pass 序列 列表&#xff08;有序&#xff09; 元组&#xff08;有序&…
阅读更多...
高仿imtoken钱包源码/获取助记词/获取私钥/自动归集

高仿imtoken钱包源码/获取助记词/获取私钥/自动归集

高仿imtoken钱包/获取助记词/获取私钥/自动归集 带双端&#xff0c;无纯源码 源码下载&#xff1a;https://download.csdn.net/download/m0_66047725/89379118 更多资源下载&#xff1a;关注我。
阅读更多...
【免杀】C2远控-APC注入-进程镂空

【免杀】C2远控-APC注入-进程镂空

目录 进程镂空&傀儡进程&#xff08;主要过内存扫描&#xff09;代码 傀儡进程演示如何上线上线演示 APC注入&进程欺骗&#xff08;主要过内存扫描&#xff09;同步调用与异步调用代码演示 进程镂空&傀儡进程&#xff08;主要过内存扫描&#xff09; 进程镂空(Pro…
阅读更多...
16.左侧导航菜单制作

16.左侧导航菜单制作

左侧导航菜单制作 1. 修改路由&#xff0c;方便查看页面 index.ts import { RouteRecordRaw, createRouter, createWebHistory } from "vue-router"; import Layout from /layout/Index.vueconst routes: Array<RouteRecordRaw> [{path: /,name: home,comp…
阅读更多...
记录大三上学期大数据课程设计：基于Hadoop和Spark的中文手写数字实时识别系统

记录大三上学期大数据课程设计：基于Hadoop和Spark的中文手写数字实时识别系统

我整理好了两个百度网盘链接&#xff0c;一个是模型文档和数据&#xff0c;一个是镜像&#xff0c;下载、导入虚拟机即可运行。 github地址&#xff1a;Li-Jihong/big-data: 用来记录大三上学期大数据课程设计&#xff1a;基于Hadoop和Spark的中文手写数字实时识别系统 (githu…
阅读更多...
服务器如何远程桌面连接不上，服务器远程桌面连接不上解决办法

服务器如何远程桌面连接不上，服务器远程桌面连接不上解决办法

服务器远程桌面连接不上&#xff0c;是IT运维中常见的挑战之一。针对这一问题&#xff0c;专业的解决方法通常涉及以下几个方面的排查与操作&#xff1a; 首先&#xff0c;我们需要检查网络连接是否正常。远程桌面连接依赖于稳定的网络连接&#xff0c;因此&#xff0c;确认服务…
阅读更多...
Rocky Linux 9.4 部署Zabbix 7.0

Rocky Linux 9.4 部署Zabbix 7.0

文章目录 Zabbix基本概念zabbix介绍zabbix特性zabbix结构 安装Zabbix主机名配置配置Zabbix-Server(1)禁用EPEL提供的Zabbix软件包(2)安装Zabbix Server、Web前端、Agent(3)创建初始数据库(4)Zabbix server配置数据库(5)为Zabbix前端配置PHP(6)启动Zabbix server和agent进程(7)放…
阅读更多...
【JS重点知识05】正则表达式

【JS重点知识05】正则表达式

目录 一&#xff1a;正则表达式简介 1 什么是正则表达式 2 正则表达式作用 二&#xff1a;语法格式&#xff1a; 1 定义正则表达式 2 检索、判断是否匹配 &#xff08;1&#xff09;test()方法 &#xff08;2&#xff09;exec()方法 三&#xff1a;元字符 普通字符&a…
阅读更多...
【C++课程学习】：类和对象（拷贝构造和运算符重载）

【C++课程学习】：类和对象（拷贝构造和运算符重载）

&#x1f381;个人主页&#xff1a;我们的五年 &#x1f50d;系列专栏&#xff1a;C课程学习 &#x1f389;欢迎大家点赞&#x1f44d;评论&#x1f4dd;收藏⭐文章 目录 ✍拷贝构造&#xff1a; &#x1f349;特点一&#xff1a; &#x1f349;特点二&#xff1a; &…
阅读更多...
消息中间件比较：Redis,Kafka和RabbitMQ

消息中间件比较：Redis,Kafka和RabbitMQ

对微服务使用异步通信时&#xff0c;通常使用消息代理。代理确保不同微服务之间的通信可靠且稳定&#xff0c;消息在系统内得到管理和监控&#xff0c;并且消息不会丢失。您可以从几个消息代理中进行选择&#xff0c;它们的规模和数据功能各不相同。这篇博文将比较三种最受欢迎…
阅读更多...
基于深度图像的无监督目标跟踪

基于深度图像的无监督目标跟踪

概要 大致的步骤 深度图像获取：通过深度传感器（例如ToF相机、双目相机等）获取场景的深度图像。深度图转scanscan转pointcloud点云聚类卡尔曼滤波预测匈牙利算法匹配目标ID更新深度图转scan 参考这篇博客 scan转pointcloud
阅读更多...
科技云报道：“元年”之后，生成式AI将走向何方？

科技云报道：“元年”之后，生成式AI将走向何方？

科技云报道原创。 近两年&#xff0c;以大模型为代表的生成式AI技术&#xff0c;成为引爆数字原生最重要的技术奇点&#xff0c;人们见证了各类文生应用的进展速度。Gartner预测&#xff0c;到2026年&#xff0c;超过80%的企业将使用生成式AI的API或模型&#xff0c;或在生产环…
阅读更多...
C++基础（二）

C++基础（二）

选择结构 选择结构是用来控制程序流程&#xff0c;使得程序可以根据不同的条件执行不同的代码块。 if语句 简单结构 if (表达式) { // 表达式为真时执行的语句。 } else { // 表达式为假时执行的语句。 } #include <iostream> #include <string>using namespace s…
阅读更多...
卫星通讯传输电力运维巡检EasyCVR视频汇聚平台智能监控方案

卫星通讯传输电力运维巡检EasyCVR视频汇聚平台智能监控方案

随着科技的快速发展&#xff0c;视频监控技术已广泛应用于各个领域。而卫星通讯作为一种高效、稳定的通信方式&#xff0c;为视频监控系统的远程传输提供了有力支持。 一、方案背景 随着电力行业的快速发展&#xff0c;电力运维巡检工作变得愈发重要。传统的巡检方式往往受到…
阅读更多...
知识图谱的应用---新零售

知识图谱的应用---新零售

文章目录 新零售知识图谱构建过程典型应用 新零售 新零售&#xff0c;即个人、企业以互联网为依托&#xff0c;通过运用大数据、人工智能等先进技术手段并运用心理学知识&#xff0c;对商品的生产、流通与销售过程进行升级改造&#xff0c;进而重塑业态结构与生态圈&#xff0c…
阅读更多...
镜舟科技携手中通快运，入选 2024 爱分析·数据库应用实践报告

镜舟科技携手中通快运，入选 2024 爱分析·数据库应用实践报告

典型案例&#xff1a;中通快运重构数据中心&#xff0c;满足业务多种复杂分析需求 中通快运成立于2016年&#xff0c;是中通品牌旗下快运企业&#xff0c;聚焦数智物流新趋势&#xff0c; 提供面向企业及个人客户的全链路一站式物流服务。目前中通快运全国揽派件网点有21000 余…
阅读更多...
MySQL存储引擎详述：InnoDB为何胜出？

MySQL存储引擎详述：InnoDB为何胜出？

MySQL作为当前最流行的开源关系型数据库之一,其强大的功能和良好的性能使其广泛应用于各种规模的应用系统中。其中,存储引擎的设计理念是MySQL数据库灵活高效的关键所在。 一、什么是存储引擎 存储引擎是MySQL架构的重要组成部分,负责MySQL中数据的存储和提供了视图,存储过程等…
阅读更多...
大疆智图_空三二维重建成果传输

大疆智图_空三二维重建成果传输

一、软件环境 1.1 所需软件 1、 大疆智图&#xff1a;点击下载&#xff1b;   2、 ArcGIS Pro 3.1.5&#xff1a;点击下载&#xff0c;建议使用IDM或Aria2等多线程下载器&#xff1b;   3、 IDM下载器&#xff1a;点击下载&#xff0c;或自行搜索&#xff1b;   4、 Fas…
阅读更多...
最新文章

Copyright @ 2022~2023