Advertisement

Python网页解析工具BeautifulSoup的安装与使用指南

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型:PDF


简介:
本指南详细介绍如何在Python环境中安装及配置BeautifulSoup库,并通过实例讲解其基本用法和高级技巧,帮助开发者高效地进行网页数据抓取。 BeautifulSoup是Python中的一个强大库,特别适合从HTML或XML文档中提取数据。它提供了简单的API,使得开发者能够方便地遍历、搜索和修改解析树。本段落将详细介绍如何安装和使用BeautifulSoup。 ### 安装BeautifulSoup 安装BeautifulSoup分为两个版本:BeautifulSoup3 和 BeautifulSoup4。尽管较新的版本4提供了更多的功能,但如果你的项目不需要最新特性,安装版本3也是完全可以的,因为旧版本同样具有良好的稳定性和广泛的使用基础。 #### 安装步骤: 1. **下载源码**: 你可以通过wget命令从官方网站下载BeautifulSoup的源码包。例如对于版本3.2.1: ``` $ wget http:www.crummy.com/software/BeautifulSoup/download/3.x/BeautifulSoup-3.2.1.tar.gz ``` 2. **解压缩**: 下载完成后,使用tar命令解压缩: ``` $ tar zxvf BeautifulSoup-3.2.1.tar.gz ``` 3. **放置文件**: 把解压后的`BeautifulSoup.py`文件移动到Python的`site-packages`目录下。可以通过以下命令找到该位置: 对于有root权限的情况,可以使用如下命令查找安装路径中的 `site-packages` 目录: ``` $ sudo find / -name site-packages -maxdepth 5 -type d ``` 没有 root 权限时,可尝试查找当前用户目录下的 `site-packages`: ``` $ find ~ -name site-packages -maxdepth 5 -type d ``` 对于Mac 用户来说,`site-packages`通常位于用户的 `Library/Python` 目录下。 4. **导入模块**: 安装完成后,在 Python 脚本中通过 `import` 导入 BeautifulSoup 模块: ``` from BeautifulSoup import BeautifulSoup ``` ### 使用BeautifulSoup 使用BeautifulSoup解析网页时,首先需要理解HTML文档的结构。BeautifulSoup将 HTML 视为一棵树形结构,每个元素都是这棵树上的一个节点。 ```html Page title<title></head> <body> <p id=firstpara align=center>This is paragraph one.</p> <p id=secondpara align=blah>This is paragraph two.</p> </body> </html> ``` #### 初始化解析器: 将 HTML 字符串赋值给变量 `html`,然后创建一个 BeautifulSoup 对象: ```python from bs4 import BeautifulSoup html = <html><head><title>Page title<title></head><body><p id=firstpara align=center>This is paragraph one.</p><p id=secondpara align=blah>This is paragraph two.</p></body></html> soup = BeautifulSoup(html) ``` 此时,`soup` 对象已经包含了整个 HTML 文档的结构。 #### 搜索和遍历: BeautifulSoup 提供了多种方法来搜索和遍历这棵树。例如,你可以通过标签名、ID、属性等查找特定元素: - **通过标签名查找**: `soup.p` 将返回所有的 `<p>` 标签。 - **通过 ID 查找**: `soup.find(id=firstpara)` 将返回 ID 为 `firstpara` 的 `<p>` 标签。 - **通过属性查找**: `soup.find_all(align, center)` 将返回所有 align 属性值为 center 的元素。 #### 修改和删除元素: 除了查找,还可以修改和删除元素。例如,要修改第一个段落的文本: ```python first_p = soup.find(id=firstpara) first_p.string.replace_with(这是修改后的第一段) ``` 若要删除某个元素,则可以调用 `decompose()` 方法: ```python element_to_remove = soup.find(id=secondpara) element_to_remove.decompose() ``` ### 结合其他库使用 BeautifulSoup通常与`requests` 库结合使用,用于发送HTTP请求并获取网页内容。例如,要获取一个网页并解析 HTML 文档,可以这样操作: ```python import requests from bs4 import BeautifulSoup url = http://example.com response = requests.get(url) soup = BeautifulSoup(response.text, html.parser) ``` ### 应用实例 在实际应用中,BeautifulSoup 可以用来爬取网页数据。例如抓取豆瓣电影分类下的高分电影时,你需要发送请求获取网页 HTML 内容,并利用 BeautifulSoup 解析 HTML 代码找到评分最高的100部电影的相关信息。 通过阅读官方文档可以更深入地了解其各种方法和功能,从而更好地应用于实际项目中。 </p></div> </div> <div data-v-88f98792="" class="w-full p-5 mb-3 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700"> <div class="flex justify-center items-center mt-14 mb-7 text-gray-500 relative"><h2>全部评论 (<span>0</span>)</h2></div> <div class="w-full px-5 py-10 mb-3 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700"> <div class="flex items-center mt-10 mb-5 justify-center text-gray-400">还没有任何评论哟~</div> </div> </div> </div> <aside data-v-88f98792="" class="col-span-4 md:col-span-1 animate__animated animate__fadeInUp"> <div data-v-88f98792="" class="sticky top-[5.5rem]"> <div data-v-88f98792="" class="w-full py-5 px-2 mb-3 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700"> <div> <div class="flex flex-col items-center"> <div class="relative mb-4 mt-6"> <button class="px-4 py-2 rounded">点击登录</button> </div> <div class="flex justify-center gap-5 mb-2 dark:text-gray-400"> <div class="flex items-center flex-col gap-1 hover:text-sky-600 hover:scale-110 cursor-pointer"> <button class="text-sm" style="width:80px;height:35px;border:1px solid #c9c9c9;background-color:#fff;color:#555"> 下载历史 </button> </div> <div class="flex items-center flex-col gap-1 hover:text-sky-600 hover:scale-110 cursor-pointer"> <button class="text-sm" style="width:80px;height:35px;border:1px solid #c9c9c9;background-color:#fff;color:#555"> 积分购买 </button> </div> </div> </div> </div> </div> </div> </aside> </div> </main> </div> <div data-v-88f98792="" class="border z-50 cursor-pointer fixed bottom-2 right-2 md:bottom-10 md:right-10 inline p-3 bg-white hover:bg-gray-100 rounded dark:bg-gray-800 dark:hover:bg-gray-900 dark:border-gray-700" style="display:none"> <svg class="w-4 h-4 text-gray-500 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 14"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13V1m0 0L1 5m4-4 4 4"></path> </svg> </div> <div class="el-overlay" style="z-index:2001;display:none"> <div role="dialog" aria-modal="true" aria-label="下载码下载" aria-describedby="el-id-9941-0" class="el-overlay-dialog"></div> </div> <div class="el-overlay" style="z-index:2002;display:none"> <div role="dialog" aria-modal="true" aria-label="付费下载" aria-describedby="el-id-9941-1" class="el-overlay-dialog"></div> </div> <div class="el-overlay" style="z-index:2003;display:none"> <div role="dialog" aria-modal="true" aria-label="付费下载" aria-describedby="el-id-9941-2" class="el-overlay-dialog"></div> </div> <div class="el-overlay" style="z-index:2004;display:none"> <div role="dialog" aria-modal="true" aria-label="选择支付方式" aria-describedby="el-id-9941-3" class="el-overlay-dialog"></div> </div> <div class="el-overlay" style="z-index:2005;display:none"> <div role="dialog" aria-modal="true" aria-label="下载次数充值" aria-describedby="el-id-9941-4" class="el-overlay-dialog"></div> </div> <footer data-v-88f98792="" class="bg-white mt-5 dark:bg-gray-800 text-right"> <div class="w-full mx-auto max-w-screen-xl py-1 px-4 flex justify-end"><span class="text-sm text-gray-500 dark:text-gray-400">© 2025 <a href="https://www.itadn.com/" class="hover:underline">技术社区</a> .All Rights Reserved.</span> </div> </footer> </main> <div class="customer-service"> <div class="icons"><img src="http://d.itadn.com/seoassets/customer-cb314396.png" alt="客服"></div> <span style="color:#838b8b;font-size:12px">客服</span></div> </div> </div> <script type="script" src="http://d.itadn.com/src/composables/echarts.min.js"></script> <div data-v-0e1787d0="" class="popup-container"> <div data-v-0e1787d0="" class="popup-content"> <div data-v-0e1787d0="" class="activity-image"><img data-v-0e1787d0="" src="http://d.itadn.com/seoassets/activecustomer-98ac7d5d.png" alt="客服" class="top-image"><img data-v-0e1787d0="" src="http://d.itadn.com/seoassets/close-5242d789.png" alt="关闭" class="top-right-close" style="width:40px"></div> </div> </div> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="<span style=color: #f73131>Python</span><span style=color: #f73131>网</span><span style=color: #f73131>页</span><span style=color: #f73131>解</span><span style=color: #f73131>析</span><span style=color: #f73131>工</span><span style=color: #f73131>具</span><span style=color: #f73131>BeautifulSoup</span><span style=color: #f73131>的</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span>" href="https://d.itadn.com/i0_96198140616/B/1280357" target="_blank"><span style=color: #f73131>Python</span><span style=color: #f73131>网</span><span style=color: #f73131>页</span><span style=color: #f73131>解</span><span style=color: #f73131>析</span><span style=color: #f73131>工</span><span style=color: #f73131>具</span><span style=color: #f73131>BeautifulSoup</span><span style=color: #f73131>的</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span></a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本指南详细介绍如何在Python环境中安装及配置BeautifulSoup库,并通过实例讲解其基本用法和高级技巧,帮助开发者高效地进行网页数据抓取。 BeautifulSoup是Python中的一个强大库,特别适合从HTML或XML文档中提取数据。它提供了简单的API,使得开发者能够方便地遍历、搜索和修改解析树。本段落将详细介绍如何安装和使用BeautifulSoup。 ### 安装BeautifulSoup 安装BeautifulSoup分为两个版本:BeautifulSoup3 和 BeautifulSoup4。尽管较新的版本4提供了更多的功能,但如果你的项目不需要最新特性,安装版本3也是完全可以的,因为旧版本同样具有良好的稳定性和广泛的使用基础。 #### 安装步骤: 1. **下载源码**: 你可以通过wget命令从官方网站下载BeautifulSoup的源码包。例如对于版本3.2.1: ``` $ wget http:www.crummy.com/software/BeautifulSoup/download/3.x/BeautifulSoup-3.2.1.tar.gz ``` 2. **解压缩**: 下载完成后,使用tar命令解压缩: ``` $ tar zxvf BeautifulSoup-3.2.1.tar.gz ``` 3. **放置文件**: 把解压后的`BeautifulSoup.py`文件移动到Python的`site-packages`目录下。可以通过以下命令找到该位置: 对于有root权限的情况,可以使用如下命令查找安装路径中的 `site-packages` 目录: ``` $ sudo find / -name site-packages -maxdepth 5 -type d ``` 没有 root 权限时,可尝试查找当前用户目录下的 `site-packages`: ``` $ find ~ -name site-packages -maxdepth 5 -type d ``` 对于Mac 用户来说,`site-packages`通常位于用户的 `Library/Python` 目录下。 4. **导入模块**: 安装完成后,在 Python 脚本中通过 `import` 导入 BeautifulSoup 模块: ``` from BeautifulSoup import BeautifulSoup ``` ### 使用BeautifulSoup 使用BeautifulSoup解析网页时,首先需要理解HTML文档的结构。BeautifulSoup将 HTML 视为一棵树形结构,每个元素都是这棵树上的一个节点。 ```html <html> <head><title>Page title<title></head> <body> <p id=firstpara align=center>This is paragraph one.</p> <p id=secondpara align=blah>This is paragraph two.</p> </body> </html> ``` #### 初始化解析器: 将 HTML 字符串赋值给变量 `html`,然后创建一个 BeautifulSoup 对象: ```python from bs4 import BeautifulSoup html = <html><head><title>Page title<title></head><body><p id=firstpara align=center>This is paragraph one.</p><p id=secondpara align=blah>This is paragraph two.</p></body></html> soup = BeautifulSoup(html) ``` 此时,`soup` 对象已经包含了整个 HTML 文档的结构。 #### 搜索和遍历: BeautifulSoup 提供了多种方法来搜索和遍历这棵树。例如,你可以通过标签名、ID、属性等查找特定元素: - **通过标签名查找**: `soup.p` 将返回所有的 `<p>` 标签。 - **通过 ID 查找**: `soup.find(id=firstpara)` 将返回 ID 为 `firstpara` 的 `<p>` 标签。 - **通过属性查找**: `soup.find_all(align, center)` 将返回所有 align 属性值为 center 的元素。 #### 修改和删除元素: 除了查找,还可以修改和删除元素。例如,要修改第一个段落的文本: ```python first_p = soup.find(id=firstpara) first_p.string.replace_with(这是修改后的第一段) ``` 若要删除某个元素,则可以调用 `decompose()` 方法: ```python element_to_remove = soup.find(id=secondpara) element_to_remove.decompose() ``` ### 结合其他库使用 BeautifulSoup通常与`requests` 库结合使用,用于发送HTTP请求并获取网页内容。例如,要获取一个网页并解析 HTML 文档,可以这样操作: ```python import requests from bs4 import BeautifulSoup url = http://example.com response = requests.get(url) soup = BeautifulSoup(response.text, html.parser) ``` ### 应用实例 在实际应用中,BeautifulSoup 可以用来爬取网页数据。例如抓取豆瓣电影分类下的高分电影时,你需要发送请求获取网页 HTML 内容,并利用 BeautifulSoup 解析 HTML 代码找到评分最高的100部电影的相关信息。 通过阅读官方文档可以更深入地了解其各种方法和功能,从而更好地应用于实际项目中。 </div><!---->   </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="iperf<span style=color: #f73131>工</span><span style=color: #f73131>具</span><span style=color: #f73131>的</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span>" href="https://d.itadn.com/i0_64403644837/B/493097" target="_blank">iperf<span style=color: #f73131>工</span><span style=color: #f73131>具</span><span style=color: #f73131>的</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span></a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 简介:本文将详细介绍如何在不同操作系统中安装iperf工具,并提供详细的使用教程和常见问题解答,帮助读者轻松掌握网络性能测试。 本段落介绍了Windows和Linux操作系统下iperf工具的安装与使用方法。iperf是一款网络性能测量工具,可用于测试最大TCP和UDP带宽、进行连接特性分析以及报告传输延迟分布等。 在Windows系统中,可以访问iperf官方网站下载适用于该操作系统的版本,并按照提供的文档指导完成安装步骤。对于Linux用户而言,则可以通过运行相应的包管理器命令来直接安装iperf软件包,如使用apt-get或yum等工具从官方仓库获取最新版的iperf程序及其依赖项。 接下来是基本用法说明:启动服务端模式时需指定监听地址和端口号;客户端则需要提供服务器IP及相同参数以建立测试连接。用户还可以通过命令行选项自定义各种协议类型、数据传输量大小等配置,以便于进行不同场景下的网络性能评估工作。 </div><!---->   </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="APPium<span style=color: #f73131>工</span><span style=color: #f73131>具</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span>" href="https://d.itadn.com/i0_12832765990/B/908952" target="_blank">APPium<span style=color: #f73131>工</span><span style=color: #f73131>具</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span></a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 《APPium工具安装与使用指南》旨在为软件测试人员提供详细的指导,帮助他们轻松掌握如何在不同平台上安装和配置APPium,并通过实例讲解其基本用法。 本段落档记录了使用过程中关于APPium的安装调试以及一些小实例的经验分享。 </div><!---->   </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="Anaconda <span style=color: #f73131>Python</span><span style=color: #f73131>的</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span>" href="https://d.itadn.com/i0_97919259779/B/502339" target="_blank">Anaconda <span style=color: #f73131>Python</span><span style=color: #f73131>的</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span></a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 《Anaconda Python的安装与使用指南》为Python编程初学者提供全面指导,涵盖Anaconda软件包管理器及其环境配置、常用库的应用技巧等内容。 Anaconda Python安装及使用教程 本段落将详细介绍如何在计算机上安装并配置Anaconda环境,并提供一些基本的使用指南。 1. 安装步骤: - 访问官方提供的下载页面以找到适合您操作系统的最新版本。 - 下载完成后,运行安装程序按照提示进行默认或自定义设置完成安装过程。 2. 初始化与激活: 在成功安装后打开终端(Windows用户可使用Anaconda Prompt),输入`conda init`命令来初始化环境变量。此后每次启动新的控制台窗口时无需再手动执行此步骤。 3. 创建和管理虚拟环境: 使用命令行工具,可以轻松地创建多个隔离的Python开发空间。 - `conda create --name myenv python=x.y`: 用于建立一个新的名为myenv的新环境,并指定使用的Python版本x.y。 - `conda activate myenv`:激活已有的特定工作区以便进行相关操作或测试代码。 4. 安装第三方库: Anaconda内置了大量的科学计算所需软件包,可以通过简单命令安装任何需要的附加组件: - `conda install numpy`: 以示例形式展示如何利用Conda仓库获取NumPy模块。 5. 更新和卸载 随着时间推移, 库可能会发布新版本。使用`conda update package_name`来保持软件包最新状态,同时可以通过执行`conda remove package_name`命令删除不再需要的项目。 6. 其他资源: 您可以参考官方文档获取更多关于Anaconda和Python开发的信息。 以上就是安装与配置Anaconda Python环境的基本步骤。希望这能帮助您更好地开始您的数据科学之旅! </div><!---->   </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="nvm:npm管理<span style=color: #f73131>工</span><span style=color: #f73131>具</span><span style=color: #f73131>的</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span>" href="https://d.itadn.com/i0_37410454471/B/744744" target="_blank">nvm:npm管理<span style=color: #f73131>工</span><span style=color: #f73131>具</span><span style=color: #f73131>的</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span></a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本指南详细介绍了如何在计算机上安装和配置NVM(Node Version Manager),以及利用它来轻松管理和切换不同版本的Node.js及npm。适合开发者快速入门。 npm 管理工具nvm的安装与使用 本段落将介绍如何在计算机上安装并使用Node Version Manager (NVM) 来管理不同版本的 Node.js 和 npm。NVM 是一个方便实用的命令行工具,允许用户轻松地切换和安装多个版本的 Node.js。 **一、准备工作** 1. 确保系统已安装 git。 2. 选择合适的操作系统对应的 nvm 安装方法(如 Linux, macOS 或 Windows)。 **二、nvm 的安装步骤** 根据所使用的操作系统的不同,可以采用不同的方式来安装 NVM。这里以常见的 Linux 和 macOS 平台为例: - **Linux 系统:** - 使用 curl 命令下载并运行 nvm 安装脚本: ``` curl https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash ``` 或者使用 wget 下载安装文件后执行: ``` wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash ``` - **macOS 系统:** - macOS 用户可以先通过 Homebrew 安装 nvm。打开终端并运行以下命令安装 homebrew: ``` /bin/bash -c $(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh) ``` 接下来使用 Homebrew 来安装 NVM: ``` brew install nvm ``` **三、nvm 的基本用法** 1. 安装 Node.js 版本: 使用命令 `nvm ls-remote` 查看可用的版本列表,然后通过 `nvm install <version>` 命令安装特定版本。 2. 切换已安装的 Node.js 版本: 输入 `nvm use <version>` 来切换当前使用的 Node.js 版本。 3. 设置默认使用哪个版本(在新终端打开时生效): 使用命令 `nvm alias default <version>` 将某个版本设为默认。 4. 查看已安装的 node 和 npm 的列表: 输入`nvm ls` 显示所有已经安装了的 Node.js 版本。 5. 卸载指定版本的 Node.js: 执行命令 `nvm uninstall <version>` 来移除某个特定版本。 通过以上步骤,开发者可以方便地管理不同项目所需的 Node.js 和 npm 环境。 </div><!---->   </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="申威RAID<span style=color: #f73131>工</span><span style=color: #f73131>具</span><span style=color: #f73131>的</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span>" href="https://d.itadn.com/i0_91564160622/B/995345" target="_blank">申威RAID<span style=color: #f73131>工</span><span style=color: #f73131>具</span><span style=color: #f73131>的</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span></a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本指南详细介绍如何在服务器或工作站中安装和配置申威RAID工具,涵盖从基础设置到高级功能的应用技巧。 本段落介绍了申威 Raid 工具安装及使用手册的相关内容。该手册的版本为V1.0,在2021年01月14日由无锡先进技术研究院发布,编写人为赵新华。手册详细阐述了Raid工具的安装和使用方法,并记录了修改历史。 手册首先概述了软件的功能与概况,随后详述了安装步骤及系统要求、准备工作等细节。此外,还介绍了如何创建RAID阵列、管理磁盘以及监控RAID状态的操作方法。 目录页提供了各章节标题及其对应的页码信息,便于读者快速查找所需内容。本手册为用户提供了一套全面的申威 Raid 工具使用指南,有助于用户深入了解和操作该工具。 </div><!---->   </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="Goat<span style=color: #f73131>工</span><span style=color: #f73131>具</span>箱<span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span>.zip" href="https://d.itadn.com/i0_59253568302/B/607919" target="_blank">Goat<span style=color: #f73131>工</span><span style=color: #f73131>具</span>箱<span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span>.zip</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本资源为《Goat工具箱安装与使用指南》,提供了详细的步骤和技巧帮助用户轻松掌握Goat工具箱的各项功能,适用于软件开发及测试人员。 最全GOAT工具箱及使用方法介绍,示例代码包含详细注释,可以直接运行。 </div><!---->   </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="NVT16PRE<span style=color: #f73131>工</span><span style=color: #f73131>具</span>(MySQL<span style=color: #f73131>工</span><span style=color: #f73131>具</span>)<span style=color: #f73131>的</span>下载、<span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span>" href="https://d.itadn.com/i0_33871015432/B/1118629" target="_blank">NVT16PRE<span style=color: #f73131>工</span><span style=color: #f73131>具</span>(MySQL<span style=color: #f73131>工</span><span style=color: #f73131>具</span>)<span style=color: #f73131>的</span>下载、<span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span></a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本指南详细介绍如何获取并安装NVT16PRE MySQL工具,并提供详尽的操作说明和实用技巧,帮助用户高效利用该软件进行数据库管理和优化。 ### 标题:“nvt16pre工具使用(MySQL管理软件)” 本段落将详细介绍如何下载、安装和使用nvt16pre工具,这是一个专为MySQL数据库管理设计的专业软件。nvt16pre,又称为16premium工具,提供了强大的数据库管理和维护功能,是数据库管理员和开发者的得力助手。 ### 一、**下载nvt16pre** 在开始之前,请从官方渠道或可靠的第三方网站下载最新版本的nvt16pre。确保选择与您的操作系统相匹配的版本(如Windows、MacOS或Linux)。通常,下载文件为ZIP压缩包,例如“mysql工具nv16p的下载和使用.zip”。 ### 二、**安装nvt16pre** 1. **解压文件**: 下载完成后,请先将ZIP压缩包进行解压。您可以使用系统自带的解压工具或第三方软件如WinRAR、7-Zip等来完成这个步骤。 2. **运行安装程序**: 在解压后的文件夹中找到安装程序,通常名为setup.exe或类似名称,并双击启动安装向导。 3. **遵循指引**:按照安装向导中的提示进行操作。这包括接受许可协议、选择安装类型(标准或自定义)以及指定安装路径等步骤。 4. **完成安装**: 安装进度条完成后,点击“完成”按钮结束整个安装过程。 ### 三、**启动nvt16pre** 1. **桌面快捷方式**: 成功安装后,在桌面上会生成一个nvt16pre的图标。双击该图标即可启动工具。 2. **首次配置**: 首次运行时,可能会要求输入MySQL服务器的相关信息(如主机名、端口、用户名和密码)。如果您是本地安装,通常主机名为localhost,默认端口为3306。 ### 四、**使用nvt16pre** 1. **连接数据库**: 输入正确的数据库连接信息后,工具会尝试与MySQL服务器建立连接。成功后,您将看到可访问的数据库列表。 2. **管理功能**: nvt16pre提供了丰富的数据库管理选项,包括创建和删除数据库、查看和编辑数据表、执行SQL查询以及备份和恢复操作等。 3. **性能监控**: 该工具允许实时监测MySQL服务器的各项性能指标,并帮助优化数据库运行效率。 4. **用户权限管理**: 轻松添加、修改或删除MySQL用户,设置相应的访问权限。 5. **导入导出数据**: 支持从CSV或其他格式文件中导入数据,也可将整个数据库内容导出为多种不同格式的文件。 ### 五、**注意事项** 1. **安全措施**: 在输入连接信息时,请确保信息安全以防止敏感资料泄露。 2. **更新检查**: 定期访问官方网站查看是否有新版本发布,并及时安装最新版软件获取更好的功能和安全性保障。 3. **备份操作**: 开展重要数据库更改或数据修改之前,记得先进行完整的数据库备份以防意外情况发生。 通过以上步骤,您将能够顺利下载、安装并使用nvt16pre工具来高效管理您的MySQL数据库。这款易于使用的强大软件将会极大提升工作效率,并简化复杂的数据库管理工作流程。 </div><!---->   </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="GTKWave开源波形分<span style=color: #f73131>析</span><span style=color: #f73131>工</span><span style=color: #f73131>具</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span>" href="https://d.itadn.com/i0_25215508399/B/748728" target="_blank">GTKWave开源波形分<span style=color: #f73131>析</span><span style=color: #f73131>工</span><span style=color: #f73131>具</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span></a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本指南详细介绍如何在不同操作系统上安装GTKWave,并提供全面的操作教程和实用技巧,帮助用户高效地进行数字电路波形分析。 GTKWave 3.3 Wave Analyzer 用户指南可以通过其官方网站获取源代码或预编译版本。 </div><!---->   </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="Vue开发<span style=color: #f73131>工</span><span style=color: #f73131>具</span>Vue-DevTools<span style=color: #f73131>的</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span>" href="https://d.itadn.com/i0_68674752083/B/673449" target="_blank">Vue开发<span style=color: #f73131>工</span><span style=color: #f73131>具</span>Vue-DevTools<span style=color: #f73131>的</span><span style=color: #f73131>安</span><span style=color: #f73131>装</span><span style=color: #f73131>与</span><span style=color: #f73131>使</span><span style=color: #f73131>用</span><span style=color: #f73131>指</span><span style=color: #f73131>南</span></a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本指南详细介绍如何在各种浏览器中安装和配置Vue-DevTools,并提供实用技巧帮助开发者更高效地调试Vue.js应用。 本段落主要介绍如何安装和使用 vue 的调试工具 vue-devtools 来优化你的开发流程。 1. 首先,在 GitHub 上克隆 vue-devtools 仓库。 2. 进入到 vue-devtools 目录,运行 `npm install` 安装依赖包。 3. 修改 `manifest.json` 文件,将 `persistent: false` 改为 `persistent: true`。 4. 使用命令 `npm run build` 编译代码。 5. 在 Chrome 浏览器中加载扩展程序以使用 vue-devtools。 </div><!---->   </div> </li> </body> </html>