Vscode同时开发前后端

约定不等于承诺〃 2023-07-22 06:59 2阅读 0赞

VSCode统一前后端文档

*  软件地址下载

[https://code.visualstudio.com/docs/?dv=win][https_code.visualstudio.com_docs_dv_win]

*  软件汉化

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70][]

*  插件下载（插件和快捷键可以参考下面的文章）

参考文章：[https://blog.csdn.net/weixin\_45601379/article/details/100550421][https_blog.csdn.net_weixin_45601379_article_details_100550421]

所有插件从下面的插件商店进行下载，根据个人需要下载相关的插件，具体下载安装方式如下1

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 1][]

1.文件类型一目了然插件vscode-icons

插件商店搜索   vscode-icons，进行下载安装

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 2][]

2.自动格式化代码插件

Beautify(格式化html,js,css)

3.自动闭合HTML/XML标签插件

Auto Close Tag

4.自动完成另一侧标签的同步修改插件

Auto Rename Tag

5.给括号加上不同的颜色，便于区分不同的区块

Bracket Pair Colorizer

6.映射vscode上的断点到chrome上，方便调试

Debugger for Chrome

7.js语法纠错，可以自定义配置

ESLint

8.方便查看git日志

GitLens

9.智能提示CSS类名以及id

HTML CSS Support

### 10. 智能提示HTML标签，以及标签含义 ###

HTML Snippets

### 11. ES6语法智能提示，以及快速输入 ###

### JavaScript(ES6) code snippets ###

### 12. jQuery代码智能提示 ###

### jQuery Code Snippets ###

## ##

### 13. 实时预览markdown ###

### Markdown Preview Enhanced ###

### 14. markdown语法纠错 ###

### Markdownlint ###

### 15. vscode图标主题 ###

### Material Icon Theme ###

### 16. 图标字体 ###

### Icon fonts ###

### 17. 右键快速在浏览器中打开html文件 ###

### open in browser ###

### 18. 自动提示文件路径 ###

### Path Intellisense ###

### 19. Vue多功能集成插件，错误提示等 ###

### Vetur ###

### 20. 智能提示HTML class =“”属性 ###

### Class autocomplete for HTML ###

### 21. require 时的包提示 ###

### npm Intellisense ###

### 22. ⼀键搭建各类语⾔言的学习测试环境 ###

### Code Runner ###

### 23. Chrome 联动调试 ###

### Debugger for Chrome ###

## ##

### 四、常见问题 ###

### 前端开发常见问题 ###

###    进行前端开发，需要自定义html5和vue模板 ###

### 1.VScode自定义html5模板 ###

### 参考文章：[https://www.cnblogs.com/wgyhon/p/11466449.html][https_www.cnblogs.com_wgyhon_p_11466449.html] ###

## ##

### ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 3][] ###

## ##

### ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 4][] ###

## ##

### 打开html.json,粘贴下面的代码至原大括号中 ###

"h5 template": \{

"prefix": "vh", // 对应的是使用这个模板的快捷键

"body": \[

"<!DOCTYPE html>",

"<html lang=\\"en\\">",

"<head>",

"\\t<meta charset=\\"UTF-8\\">",

"\\t<meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\">",

"\\t<meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\">",

"\\t<title>Document</title>",

"\\t<script src=\\"./lib/vue-2.4.0.js\\"></script>",

"</head>\\n",

"<body>",

"\\t<div id =\\"app\\"> </div>\\n",

"\\t<script>",

"\\t //创建Vue实例,得到 ViewModel",

"\\t var vm = new Vue(\{",

"\\t\\tel: '\#app',",

"\\t\\tdata: \{\},",

"\\t\\tmethods: \{\}",

"\\t \});",

"\\t</script>",

"</body>\\n",

"</html>"

\],

"description": "HT-H5" // 模板的描述

## ##

### 举例：新建一个html文件，输入“!”按tab键，模板代码就出来了 ###

### ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 5][] ###

### ![20200416015547397.png][] ###

## ##

### 新建好之后，在页面输入“!”,敲回车 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 6][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 7][]

## ##

### 2.VSCode自定义vue模板 ###

### 参考文章：[https://blog.csdn.net/m\_uncle/article/details/80428542][https_blog.csdn.net_m_uncle_article_details_80428542] ###

### 安装VueHelper插件，安装后重启一下vscode ###

### 如前面的自定义html模板一样，打开vue.json,复制下面的代码 ###

### \{ ###

###     "Print to console": \{ ###

###         "prefix": "vue", ###

###         "body": \[ ###

###             "<template>", ###

###             " <div>\\n", ###

###             " </div>", ###

###             "</template>\\n", ###

###             "<script>", ###

###             " export default \{", ###

###             "   data () \{", ###

###             "     return \{\\n", ###

###             "     \}", ###

###             "   \},", ###

###             "   components: \{\\n", ###

###             "   \}", ###

###             " \}", ###

###             "</script>\\n", ###

###             "<style>\\n", ###

###             " ", ###

###             "</style>", ###

###             "$2" ###

###         \], ###

###         "description": "Log output to console" ###

###     \} ###

### \} ###

### 新建一个vue文件，输入vue按tab键，模板代码就出来了 ###

## ##

### 后端常见问题 ###

### 前置检查:电脑环境变量是否配置好java和maven ###

## ##

### ![20200416015638908.png][] ###

### ![20200416015647364.png][] ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 8][]

### 一、Java开发必备插件 ###

1.  [Language Support for Java(TM) by Red Hat][Language Support for Java_TM_ by Red Hat]
2.  [Debugger for Java][]
3.  [Java Test Runner][]
4.  [Maven for Java][]
5.  [Java Dependency Viewer][]
6.  Java Extension Pack

Java开发可选插件

1.  [Spring Boot Tools][]
2.  [Spring Initializr Java Support][]
3.  [Spring Boot Dashboard][]
4.  [Tomcat][]
5.  [Jetty][]
6.  [CheckStyle][]

推荐插件

1.  Eclipse Keymap for Visual Studio Code. (eclipse快捷键，eclipse用户最爱)
2.  Lombok Annotations Support for VS Code. (简化POJO， 很惊喜)

### 二、配置maven,jdk ###

### 进入方式一: ###

![20200416015716529.png][]

## ##

### 进入方式二: ###

### 文件——首选项——设置 ###

### ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 9][] ###

## ##

![20200416015733430.png][]

"java.home": "D:/ServiceFamily/JDK-2019/jdk1.8",

"maven.executable.path": "D:/ServiceFamily/apache-maven/apache-maven-3.5.2/bin/mvn",

"java.configuration.maven.userSettings": "D:/ServiceFamily/apache-maven/apache-maven-3.5.2/conf/settings.xml",

"maven.terminal.customEnv": \[

"environmentVariable": "JAVA\_HOME",

"value": "D:/ServiceFamily/JDK-2019/jdk1.8",

\],

*  VSCode创建Springboot项目

参考文章：[https://www.cnblogs.com/miskis/p/9816135.html][https_www.cnblogs.com_miskis_p_9816135.html]

五．VSCode  Svn配置

[https://blog.csdn.net/chpswg/article/details/98172212?depth\_1-utm\_source=distribute.pc\_relevant.none-task&utm\_source=distribute.pc\_relevant.none-task][https_blog.csdn.net_chpswg_article_details_98172212_depth_1-utm_source_distribute.pc_relevant.none-task_utm_source_distribute.pc_relevant.none-task]

1.  打开Vscode,在扩展处搜索svn，选择第一个，点击安装

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 10][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 11][]

打开Vscode底部的设置，然后搜索svn，点击在  setting.json中编辑

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 12][]

在弹出的编辑窗口中输入svn的位置："svn.path": "D://SoftWare//Tortorise//bin"（注意这里是Tortorise的安装后bin的位置

![20200416015813783.png][]

关闭Vscode，重新打开，svn安装生效

ctrl+shift+p,在弹出的地址栏中选择SVN:Checkout,输入想要检出svn的svn共享地址：

例如：http://172.16.39.125:9001/svn/hema

六、解决无代码提示问题

[https://blog.csdn.net/qq\_37162688/article/details/90517963][https_blog.csdn.net_qq_37162688_article_details_90517963]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 13][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 14][]

VSCode启动Springboot项目

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 15][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 16][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 17][]

给java文件添加注释

[https://blog.csdn.net/D\_claus/article/details/85243454][https_blog.csdn.net_D_claus_article_details_85243454]

在setting.json文件里添加下面的注释

//配置新建文件注释和方法注释

"fileheader.configObj": \{

"createFileTime": true,//设置为true则为文件新建时候作为date，否则注释生成时间为date

"autoAdd": true,//自动生成注释，老是忘记的同学可以设置

"annotationStr": \{

"head": "/\*",

"middle": " \* @",

"end": " \*/",

"use": true//设置自定义注释可用

\},

"headInsertLine": \{

"php": 2

\},

"fileheader.cursorMode": \{

"description":"",

"param ":"",

"return":""

\},

"fileheader.customMade": \{

"Description":"" ,//文件内容描述

"Author":"心书",//编辑人

"Date": "Do not edit",//时间

"LastEditTime": "Do not edit",

"LastEditors": "心书",

Svn提交代码忽略文件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 18][]

查看快捷键

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 19][]

在setting.json配置新建类作者注释信息

//配置新建文件注释和方法注释

"fileheader.configObj": \{

"createFileTime": true,//设置为true则为文件新建时候作为date，否则注释生成时间为date

"autoAdd": false,//自动生成注释，老是忘记的同学可以设置

"annotationStr": \{

"head": "/\*",

"middle": " \* @",

"end": " \*/",

"use": true//设置自定义注释可用

\},

"headInsertLine": \{

"php": 2

\},

"fileheader.cursorMode": \{

"description":"",

"param ":"",

"return":""

\},

"fileheader.customMade": \{

"Description":"" ,//文件内容描述

"Author":"心书",//编辑人

"Date": "Do not edit",//时间

"LastEditTime": "Do not edit",

"LastEditors": "心书",

Vscode自动导包提示：`Shift+Alt+O` 自动导入包

Vscode+Java配置与使用[https://blog.csdn.net/antony1776/article/details/80298326?depth\_1-utm\_source=distribute.pc\_relevant.none-task&utm\_source=distribute.pc\_relevant.none-task][https_blog.csdn.net_antony1776_article_details_80298326_depth_1-utm_source_distribute.pc_relevant.none-task_utm_source_distribute.pc_relevant.none-task]

[https_code.visualstudio.com_docs_dv_win]: https://code.visualstudio.com/docs/?dv=win
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70]: /images/20230528/517e5bb0ffce43bd9a7478f48ac30511.png
[https_blog.csdn.net_weixin_45601379_article_details_100550421]: https://blog.csdn.net/weixin_45601379/article/details/100550421
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 1]: /images/20230528/34c62e7ca5104c37bdc0b901bc3aae3e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 2]: /images/20230528/252ad4d62863423d8f141a218c05e624.png
[https_www.cnblogs.com_wgyhon_p_11466449.html]: https://www.cnblogs.com/wgyhon/p/11466449.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 3]: /images/20230528/26dd336ae3544f04920be51c4d8696eb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 4]: /images/20230528/a5bc55967d934fb09404930b93a26023.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 5]: /images/20230528/6654809a5867454e889bf882e8e87a30.png
[20200416015547397.png]: /images/20230528/e56b029467d0438f97099caea4b244a5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 6]: /images/20230528/db05af4ed90a4d788ead176ca5b1bb96.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 7]: /images/20230528/ed7435f99f5d4bc485edf2e4d0f1970c.png
[https_blog.csdn.net_m_uncle_article_details_80428542]: https://blog.csdn.net/m_uncle/article/details/80428542
[20200416015638908.png]: /images/20230528/d638bdb4ca5e45caa9237b53fa598e17.png
[20200416015647364.png]: /images/20230528/34557a6b7b2b464fad0277897bb80338.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 8]: /images/20230528/91bf229f21c540098f8bf970d45921b9.png
[Language Support for Java_TM_ by Red Hat]: https://marketplace.visualstudio.com/items?itemName=redhat.java
[Debugger for Java]: https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-debug
[Java Test Runner]: https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-test
[Maven for Java]: https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-maven
[Java Dependency Viewer]: https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-dependency
[Spring Boot Tools]: https://marketplace.visualstudio.com/items?itemName=Pivotal.vscode-spring-boot
[Spring Initializr Java Support]: https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-spring-initializr
[Spring Boot Dashboard]: https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-spring-boot-dashboard
[Tomcat]: https://marketplace.visualstudio.com/items?itemName=adashen.vscode-tomcat
[Jetty]: https://marketplace.visualstudio.com/items?itemName=SummerSun.vscode-jetty
[CheckStyle]: https://marketplace.visualstudio.com/items?itemName=shengchen.vscode-checkstyle
[20200416015716529.png]: /images/20230528/5cabf757f7ed4981876b739e5c4f8400.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 9]: /images/20230528/7a0ac95ea78e4030b6aa4e447e91becc.png
[20200416015733430.png]: /images/20230528/5f5a750f43c64ed4932f934597992bbc.png
[https_www.cnblogs.com_miskis_p_9816135.html]: https://www.cnblogs.com/miskis/p/9816135.html
[https_blog.csdn.net_chpswg_article_details_98172212_depth_1-utm_source_distribute.pc_relevant.none-task_utm_source_distribute.pc_relevant.none-task]: https://blog.csdn.net/chpswg/article/details/98172212?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 10]: /images/20230528/7b816701ae604028bb80a64b750c284e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 11]: /images/20230528/259801e2c6544ebbb833e76957405bc8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 12]: /images/20230528/d1fd5762c0374688928d745d167735b9.png
[20200416015813783.png]: /images/20230528/0fa77e92f07046b98ed4e1025f8a2610.png
[https_blog.csdn.net_qq_37162688_article_details_90517963]: https://blog.csdn.net/qq_37162688/article/details/90517963
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 13]: /images/20230528/43a0246a6baf4b1f8d724c5701fe8788.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 14]: /images/20230528/19e5b89e6aad4f4c856da8696ebb4527.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 15]: /images/20230528/7e001f5a55564d6f9c9dfc0add68d4fb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 16]: /images/20230528/f69796962fed495b923b23e5fca09c2f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 17]: /images/20230528/172011bb39394402addb0d639cda2249.png
[https_blog.csdn.net_D_claus_article_details_85243454]: https://blog.csdn.net/D_claus/article/details/85243454
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 18]: /images/20230528/ff04b5c309c64d259534f9a202320157.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI4Mzg0Ng_size_16_color_FFFFFF_t_70 19]: /images/20230528/f65da225915e468b89f24efc211ff97f.png
[https_blog.csdn.net_antony1776_article_details_80298326_depth_1-utm_source_distribute.pc_relevant.none-task_utm_source_distribute.pc_relevant.none-task]: https://blog.csdn.net/antony1776/article/details/80298326?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task