Vue3项目搭建准备（二）

最新推荐文章于 2025-03-26 10:27:55 发布
原创 最新推荐文章于 2025-03-26 10:27:55 发布 · 224 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文详细指导如何从GitHub下载Vuedevtools v6.0.0-beta.15，包括安装依赖、打包过程，以及如何将其作为Chrome插件部署。提供完整步骤和CSDN资源链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

安装vue devtools

下载vue devtools

打开 GitHub 网址找到 vue devtools ,这里选择了 v6.0.0-beta.15， 目前此版本支持 Vue3，下载ZIP文件

https://github.com/vuejs/devtools/tree/v6.0.0-beta.15

在这里插入图片描述

安装依赖

使用 VSCode 打开下载的代码，执行命令安装相关依赖

yarm install

打包

执行完上述命令后，再执行下面命令打包文件

yarm run build

安装插件

打开 Chrome 浏览器，进入到扩展程序页面
在这里插入图片描述
打开 开发者模式，选择 加载已解压的扩展程序 后，打开上面下载来的 vue devtools-6.0.0-beta.15 的文件，找到目录下的 packages 文件夹下的 shell-chrome 文件夹即可。

csdn资源下载链接

下载地址，直接解压就是 shell-chrome文件夹

如何搭建一个vue项目(完整步骤)
没有在适当的年纪做正确的事，非刻意而为之，知识后知后觉!
04-17 21万+
这里注意：安装vue-cli对node.js的版本是有要求的。出现版本号则说明安装成功（最新的以官网为准）查看安装的版本（显示版本号说明安装成功）如果你原来有版本或者版本比较低，可以升级。装的两种方式：输入cmd命令。
Vue 3 CLI TypeScript 项目搭建全攻略
qq_22232065的博客
08-29 1118
其次，对于 Vue CLI 的安装和更新，如果您之前尚未安装 Vue CLI，或者您安装的是旧版本（1.x 或 2.x），则需要先进行卸载。在代码提交前，还可以进行分支合并前的代码审查，使用流行的代码审查工具如 GitHub 的 Code Review 等，提高代码质量。规范 commit 的信息，使用简洁明了的格式，方便跟踪和管理代码。但需要注意的是，默认配置可能无法完全满足您的特定需求，如果您的项目有特殊的要求，比如需要特定的 CSS 预处理器、路由模式、状态管理等，默认配置可能就不太适用。
vue3项目（一）项目前的准备
m0_61368323的博客
05-10 522
路由设计原则：找页面的切换方式，如果是整体切换，则为一级路由，如果是在一级路由的内部进行的内容切换，则为二级路由。在styles文件夹里创建element文件，里面创建index.scss文件，里面引入如下的样式。在项目里一些组件共享的色值会以scss变量的方式统一放到一个名为 var.scss 的文件中。3）通知Element采用scss语言，然后导入定制的scss文件覆盖。分类页和Home都是首页中进行切换，所以是首页的子路由。2）在vite.config.js中配置自动导入。
Vue3项目搭建准备（一）
coolchaobing的博客
11-04 145
vue3环境搭建 安装、配置nodejs环境 查看地址 安装或升级vue脚手架 全局安装脚手架 npm install @vue/cli -g 升级脚手架 npm update @vue/cli -g
11、vue3项目开发前的准备工作
伦伦的博客
08-20 1126
vue3项目开发的准备工作 一、安装环境 1、安装node 2、安装cnpm或者配置淘宝镜像源 3、安装vue脚手架 4、安装开发工具 5、安装git或者svn 6、安装postman 二、使用vue脚手架创建项目 1、使用vue-cli创建项目 如：vue create 项目名称 2、使用可视化工具创建项目 如：在终端输入vue ui进入可视化工具 三、安装项目中所需要的插件并且进行相关配置 1、安装axios npm install axios --save //安装 2、安装ui组件element-
Vue3项目搭建全过程
qq_52013792的博客
07-23 1万+
vue3项目搭建一条龙
vue3项目搭建超详解
扶摇直上
05-13 4647
vue3安装与目录讲解 文章目录vue3安装与目录讲解安装node.jsnpm绑定淘宝镜像安装vue脚手架创建vue项目目录解释推荐使用vscode 安装node.js http://nodejs.cn/download/ 根据自己电脑的位数自行下载。可安装到任意盘哈，因为我C盘比较大，我就直接在C盘了。 中间可能有个选项框让你勾选是否安装node.js另外的组件包括chocolate等，记得不勾选哈。 注：vue需要node8以上才能支持 cmd打开命令行，检查是否安装成功，检查node：node
vue3项目搭建
weixin_51349592的博客
03-26 2520
使用vue、vite、axios、vue-router、pinia搭建vue3项目
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue）
热门推荐
逆境清醒的博客
03-19 13万+
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue） 一、搭建vue3 项目前提条件 二、通过create-vue搭建vue3 项目 三、搭建一个 Vite 项目 四、构建一个 Vite + Vue 项目 五、Vite + Vue 项目目录结构 六、Vite.config.ts配置
手把手教你搭建vue3项目
weixin_43618130的博客
03-02 5万+
使用VUE3开发很久了，但一直没进行总结和记录，忙里偷闲整理搭建一套VUE3项目，正好记录一下，按照我的教程让你开启vue3之旅吧！
Vue3项目搭建与常用插件集成教程
01-02
适合人群：对于初学Vue的前端开发人员，尤其适用于有一定JS基础，准备或者正在开展实际Vue项目工作的工程师。 使用场景及目标：无论是独立开发者创建小型应用，还是团队协作大型Web应用程序都可以从这份指南获益，...
基于 Vue CLI 搭建 Vue 项目全攻略
12-10
### Vue CLI项目搭建全攻略知识点梳理 #### 1. Vue.js与Vue CLI Vue.js是目前流行的前端JavaScript框架之一，以简洁、灵活和高效著称。它被广泛应用于开发单页应用程序。Vue CLI是Vue.js官方提供的一个完整开发...
elementUI+vue项目搭建
12-10
"Element UI + Vue 项目搭建"就是一种常见的前端开发方案，它结合了Vue.js这一轻量级、高性能的JavaScript框架和Element UI这一基于Vue的组件库，旨在为开发者提供一套完整的UI解决方案。在这个项目搭建过程中，我们...
vue3+qiankun项目搭建_qiankun vue3创建路由
2401_84434331的博客
07-13 991
component: () => import(‘@/components/child’) //绑定一个child组件。“Access-Control-Allow-Origin”: “*”, // 允许跨域访问子应用页面。// 注意需要引入public-path。“Access-Control-Allow-Origin”: “*”, // 配置跨域。/public-path’ // 引入public-path文件。‘/vue’ : ‘/’, // qiankun进入子应用时，返回true。
中医元仔智能医疗机器人-基于LangChain4j与阿里通义千问的中医诊疗对话AI-集成多轮对话记忆与RAG知识检索的智能助手-支持预约挂号与取消功能的医疗系统-采用Java17.zip
08-13
cursor免费次数用完中医元仔智能医疗机器人_基于LangChain4j与阿里通义千问的中医诊疗对话AI_集成多轮对话记忆与RAG知识检索的智能助手_支持预约挂号与取消功能的医疗系统_采用Java17.zip
LabVIEW结合YOLOv5与TensorRT实现高效并行推理及DLL封装技术在工业领域的应用 · DLL封装
最新发布
08-13
LabVIEW平台结合YOLOv5和TensorRT进行高效并行推理的技术及其应用。首先简述了YOLOv5作为一种高效目标检测算法的优势，接着探讨了TensorRT作为深度学习推理引擎的作用，特别是在LabVIEW平台上通过DLL封装实现高效、灵活的模型推理。文中重点讲解了支持多模型并行推理的功能，使得视频和图片识别速度达到6ms以内。此外，还提供了从pt模型到engine模型的转换工具，以适应不同平台的需求。最后展示了该技术在工业自动化、视频监控、智能安防等领域的广泛应用前景，并强调了其高性能和灵活性。 适合人群：从事工业自动化、视频监控、智能安防等相关领域的技术人员，尤其是对深度学习技术和LabVIEW平台有一定了解的研发人员。 使用场景及目标：适用于需要高效视频和图片识别的场景，如工业自动化生产线的质量检测、视频监控系统的目标跟踪、智能安防系统的入侵检测等。目标是提升识别速度和准确性，优化资源配置，降低成本。 阅读建议：读者可以通过本文深入了解YOLOv5和TensorRT在LabVIEW平台上的集成方式和技术细节，掌握多模型并行推理的方法，从而更好地应用于实际项目中。
反弹头发福瑞特如果热隔热
08-13
如果如果热隔热隔热个人果然
MATLAB中ABS防抱死系统加入干扰并使用PID进行校正的方法 MATLAB
08-13
如何在MATLAB环境中构建ABS防抱死系统的模型，探讨了如何引入现实驾驶中的干扰因素，并使用PID控制器进行校正。首先，文章解释了ABS系统的基本原理及其重要性，然后逐步引导读者在MATLAB中建立ABS系统的模型，包括车辆轮胎、刹车系统和控制算法。接着，讨论了如何通过设置随机噪声或特定函数来模拟实际驾驶中的干扰因素。随后，深入讲解了PID控制器的工作机制及其在ABS系统中的具体应用，展示了如何通过调整PID参数来优化ABS系统的性能。最后，进行了仿真实验，验证了PID控制器的有效性和改进效果。 适合人群：汽车工程专业学生、研究人员以及对汽车控制系统感兴趣的工程师。 使用场景及目标：适用于希望深入了解ABS防抱死系统工作原理和技术实现的人群，旨在帮助他们掌握如何在MATLAB中建模、引入干扰因素并通过PID控制器进行校正的技术方法。 其他说明：本文不仅提供了理论知识，还包含了具体的实验步骤和结果分析，有助于读者全面理解和实践ABS系统的控制策略。
OTA升级方案上位机源码（支持整包和差分）
08-13
OTA升级方案上位机源码（支持整包和差分）
vue3 项目搭建
04-01
最后，生成的相关问题要围绕Vue3项目搭建的后续步骤，比如如何添加插件、配置路由、优化性能等，这些都是用户可能感兴趣的扩展内容。同时，引用标识需要正确对应到用户提供的参考内容，尽管参考内容中的引用[1]似乎...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值