vue项目实战经验第7页

Vue3——创建一个应用

文章目录创建应用实例挂载应用没有模板的组件的挂载应用配置多个应用实例其实使用脚手架创建的vue项目的main.js文件中已经为我们配置好vue应用的创建。

_洋·2024-02-07 11:14

使用electron将VUE项目打包成.exe文件

一、克隆electron官方下的demo安装依赖，登录gitHub账号（未登录可能会克隆失败）tip：node版本必须大于14.17.5//克隆项目gitclonehttps://github.com/electron/electron-quick-start//安装依赖npmi二、安装依赖后，对打包项目进行配置1、修改vue.config.js文件module.exports={publicPa

s_Myint·2024-02-07 10:15

NVM 踩坑实录

油管上找到一个VUE项目，下载后安装依赖报错，看评论区提示node版本需要v14.xxx。故需下载NVM。

Lecoder小白·2024-02-07 10:08

vue项目开发vscode配置

配置代码片段步骤如下：文件->首选项->配置用户代码片段新增全局代码片段起全局代码片段文件名“xxx.code-snippets”这里以配置vue2初始代码片段为例，配置具体代码片段{"name":"vue-sph","version":"0.0.0","private":true,"type":"module","scripts":{"dev":"vite--open","build":"vit

RuiW_97·2024-02-07 10:37

vue-cli3脚手架搭建vue项目，关闭eslint

亲测有用在根目录下的vue.config.js中添加lintOnSave:false即可，如下图eslint.jpg

jsDmast·2024-02-07 10:31

田总就是牛

企业发展缓慢或出现问题，也应该找能够有落地实战经验的策划人。田万良先生，19年致力于大型企业和政府策划，对政策的敏锐把握和资源的有效整合非常专业，到目前为止，几乎没有出现过

财道天使·2024-02-07 08:38

搭建oracle+mysql双数据源springboot+vue项目配置记录

主要根据项目需要自行搭建简易双数据源框架，以便自行学习实践相关离线开发，话不多说直接开干1.首先准备所需依赖资源：springboot框架代码结构（搭建项目略）；oracle数据库（建库建表过程略）；mysql数据库（建库建表过程略）；vue前端（elementAdmindemo项目直接用即可，前端部分不做记录与介绍）；2.项目结构截图3.编辑配置后端pom文件中必须依赖，具体版本可以根据自己的项

enjoysummer·2024-02-07 08:13

Vue3.3新特新和Vue3-Pinia

文章目录1.Vue3.3新特性-defineOptionsVue3.3新特性-defineModel3.Pinia快速入门4.手动添加Pinia到Vue项目5.Vue3-Pinia的基本语法6.action

W`hite·2024-02-07 06:25

vue + video.js实现视频列表页（多个视频）

vue+video.js实现视频列表页vue项目中做一个视频列表页，本来用原生video标签来实现，由于考虑到手机浏览器兼容问题，找了很多插件，最后决定用video.js这个插件来实现。

River_tong·2024-02-07 06:33

【vue3】远程组件加载

远程加载组件，动态更新组件，主框架不更新参考https://gitee.com/fanzhengshao/remote-components-library用vite创建一个vue项目添加remote目录

飘逸者打瞌睡·2024-02-07 05:21

基于vue-elementUI开发的表单代码生成器

简介ElementUI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。

山东好汉Tim·2024-02-07 01:55

vue项目在vscode中编译eslint报错没显示红色波浪线提示

vue项目在vscode中编译eslint报错没显示红色波浪线提示。如下图所示：现实下图是预期效果：不符合Eslint校验规则的代码位置都能展示出来，这样一目了然。能帮助我们迅速找到报错的位置。

小小少年小阿清·2024-02-07 00:58

vue项目中引用富文本编辑器vue-quill-editor

1.安装依赖npminstallvue-quill-editor--save2.使用（1）引入import{quillEditor}from"vue-quill-editor";import{Quill}from"vue-quill-editor";import"quill/dist/quill.core.css";//importstylesimport"quill/dist/quill.sno

eb59226db9be·2024-02-06 20:00

安装pnpm遇到的问题

安装pnpm的前提是已经安装了nodejs，参考：安装nodejs环境&搭建vue项目的框架【部分】安装完成后输入下面的命令，如下：在此之上，在安装pnpm，输入下面的命令：npminstallpnpm-g

何中应·2024-02-06 18:15

3D力导向树插件-3d-force-graph学习001

一、引入文件：下载静态js文件引入1、**以vue项目测试，在index.html文件中引入静态文件（js文件可在官网下载）**2、**也曾尝试用npm包下载引入的方法，总是会有报错，所以采用静态js文件引入的方式

Hermione_log·2024-02-06 18:42

【Vue】2-15、Vue 路由

它只能结合vue项目进行使用，能够轻松的管理SP

QX_Java_Learner·2024-02-06 18:33

如何培养孩子获得适应未来社会的核心素养

作者从激活大脑力，提高学习力、培养科学力、锻炼思考力、塑造软实力5个方面给我们介绍了育儿的理论和实操，可以一点不夸张的讲，就是一本有实战经验分享的育儿工具书。

老七_884e·2024-02-06 16:02

Vue项目中使用防抖和节流

原文鏈接：https://juejin.cn/post/7006257717820162056一、防抖（debounce）1.触发高频事件后n秒内函数只会执行一次，如果在n秒内高频事件再次被触发，则重新计算时间。简单的说也就是一定时间段的无论点击多少次，只会执行最后一次的调用。前面的会被清除2.在methods中直接实现debounce(func,delay=1000,immediate=fals

清风拂山感·2024-02-06 06:07

npm 上传一个自己的应用(3) 在项目中导入及使用自己上传到NPM的工具

上文npm上传一个自己的应用(2)创建一个JavaScript函数并发布到NPM我们创建了一个函数并发上了npm最后我们这里我们可以看到它的安装指令这里我们可以打开一个vue项目终端输入我们的安装指令npmi

瑞晟技术服务中心-耿瑞·2024-02-06 06:08

Day 67/100 Vue项目上线（Nginx）刷新后，显示空白或404怎么办？

写在前面的话服务器用的是Nginx做的转发；需要配置Nginx的try_files属性网上大多是单条说明，实际用的时候，还是容易错，记录备忘下~（一）配置代码其中Vue项目中的是history模式核心代码就这一句

赵国星·2024-02-06 03:38

vue init webpack my-project 报错Failed to download repo vuejs-templates/webpack...处理

1、搭建vue项目安装淘宝镜像npminstall-gcnpm–registry=https://registry.npm.taobao.org，2、搭建vue项目环境全局安装vue-cli执行npminstall

夏日晚餐·2024-02-06 01:17

vue项目环境变量打包配置

process.env是nodejs内置的环境对象NODE_ENV就是其中的一个[环境变量]这个变量主要用于标识当前的环境（生产环境，开发环境）。默认是没有这个环境变量的，需要自己手动配置。不同系统有不同的环境变量配置方式1.项目根目录创建.env前缀配置文件例如：.env.uat#生产环境NODE_ENV='production'VUE_APP_BASE_URL='xxx'VUE_APP_FIL

希染丶·2024-02-06 01:38

网络攻防模拟与城市安全演练 | 图扑数字孪生

基于数字孪生技术我们能够在虚拟环境中进行高度真实的网络攻防模拟，为安全专业人员提供实战经验，从而提升应对网络威胁的能力。

图扑可视化·2024-02-06 00:52

‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。

运行vue项目发现报错，如图所示：‘vue-cli-service’不是内部或外部命令，也不是可运行的程序或批处理文件。

石子君·2024-02-05 19:20

Vue项目运行时报错：‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序或批处理文件

报错原因及解决1.package.json文件中未定义依赖项@vue/cli-service，因此在npminstall之后并没有安装@vue/cli-service依赖；解决：项目目录下执行命令，npmi-D@vue/cli-service。2.第1步排查后，还是报同样的错；解决：尝试关闭编辑器和命令行面板，然后重启编辑器启动项目。此操作防止第1步安装依赖后环境变量不生效，导致vue-cli-s

蓝胖子的多啦A梦·2024-02-05 19:19

javascript计算时间差 &倒计时

vue项目实现的拍卖状态的判断以及倒计时显示获取当前时间判断开始时间是否大于当前时间（true未开始）判断结束时间是否大于当前时间且开始时间小于当前时间（true进行中）否则（已结束）getTime:function

德德de_前端攻城狮·2024-02-05 18:03

使用Vue+ ECharts进行动态图表展示

文章目录一、Vue项目引入ECharts二、CDH搭建，为动态图提供数据三、Vue+ECharts常见问题四、热门文章一、Vue项目引入EChartsVue是一个用于构建用户界面的渐进式JavaScript

雪梅零落·2024-02-05 18:07

vue项目使用wangeditor并自定义菜单 vue技术交流群（864583465)

vue项目使用wangeditor并自定义菜单vue技术交流群（864583465)1、安装wangeditornpminstallwangeditor--save或cnpminstallwangeditor

JCAL123·2024-02-05 18:12

如何快速上手VUE框架并写出VUE简单的增删改查的的开发代码

步骤2：创建Vue项目可以使用VueCLI等工具快速创建一个Vue项目。在命令行中输入以下命令：shell复制代码vuecreat

黑夜照亮前行的路·2024-02-05 16:01

创建vue项目淘宝镜像报错：Failed to get response from https://registry.npm.taobao.org/binary-mirror-config

创建一个vue脚手架出现报错！！！//原因：原NPM淘宝域名证书过期提醒：npm.taobao.org和registry.npm.taobao.org旧域名于2021年官方公告域名更换事件，已于2022年05月31日零时起停止服务，域名HTTPS证书于2024年1月22日正式到期，不可再用。若有前端工程仍使用旧域名镜像源，会导致编译失败或超时，影响功能迭代上线。为避免受到严重影响，请尽快将代码或流

檀玥·2024-02-05 16:53

微信开发踩坑系列之二微信扫码登录

基于微信开放平台登录2.2、基于公众号的扫码登录3、开发过程3.1、开发前准备工作3.2、整体开发流程介绍3.3、获取微信授权登录二维码3.3.1传统方式获取登录二维码3.3.2内嵌形式的二维码获取3.3.3vue

伽蓝寺听雨·2024-02-05 16:32

【无标题】Vue项目中你是如何解决跨域的呢？

文章目录一、跨域是什么二、如何解决CORSProxy一、跨域是什么跨域本质是浏览器基于同源策略的一种安全手段同源策略（Sameoriginpolicy），是一种约定，它是浏览器最核心也最基本的安全功能所谓同源（即指在同一个域）具有以下三个相同点协议相同（protocol）主机相同（host）端口相同（port）反之非同源请求，也就是协议、端口、主机其中一项不相同的时候，这时候就会产生跨域一定要注意

花言儿·2024-02-05 15:32

vue项目中的 package.json 的文件是什么

在Vue.js项目中，package.json文件是一个JSON文件，用于存储项目的元数据和依赖关系。这个文件应该位于项目的根目录下。以下是一个简单的package.json文件示例：{"name":"my-vue-project","version":"1.0.0","description":"AVue.jsproject","main":"index.js","scripts":{"serv

@阿猫阿狗~·2024-02-05 15:46

vue项目中的 .env文件是干什么的

在Vue项目中，.env文件用于存储不同环境下的环境变量。.env文件是Vue项目的环境配置文件，它允许开发者根据不同的运行环境（如开发、测试、生产等）来设置不同的环境变量。

@阿猫阿狗~·2024-02-05 15:45

vue项目中的 .env.development 文件怎么编写

在Vue.js项目中，.env.development文件用于存储开发环境的配置信息。这个文件应该位于项目的根目录下。你可以在这个文件中设置一些环境变量，这些变量可以在你的代码中使用。以下是一个简单的.env.development文件示例：VUE_APP_API_URL=http://localhost:3000/apiVUE_APP_DEBUG=true在这个示例中，我们设置了两个环境变量：V

@阿猫阿狗~·2024-02-05 15:45

Linux系统性能优化：七个实战经验

Linux系统的性能是指操作系统完成任务的有效性、稳定性和响应速度。Linux系统管理员可能经常会遇到系统不稳定、响应速度慢等问题，例如在Linux上搭建了一个web服务，经常出现网页无法打开、打开速度慢等现象，而遇到这些问题，就有人会抱怨Linux系统不好，其实这些都是表面现象。操作系统完成一个任务时，与系统自身设置、网络拓朴结构、路由设备、路由策略、接入设备、物理线路等多个方面都密切相关，任何

fzy18757569631·2024-02-05 10:02

vue前端+nodejs后端通信-简单demo

技术架构前端vue+axios后端nodejs+express一、前端部分-搭建VUE项目vuecreateVnodenpmrunserve启动；具体操作步骤，请自行百度，这里没什么难度昂。

和世界不一样，那就不一样！·2024-02-05 10:01

使用Jenkins中的Pipeline流水线自动化部署前端Vue项目

1、pipeline简介：JenkinsPipeline是一套插件，支持将连续输送Pipeline实施和整合到Jenkins。Pipeline提供了一组可扩展的工具，用于通过PipelineDSL为代码创建简单到复杂的传送Pipeline语法：agent：表示Jenkins应该为Pipeline的这一部分分配一个执行者和工作区。stage：描述了这条Pipeline的一个阶段steps：描述了要在

珍朱(珠)奶茶·2024-02-05 09:42

Vue 实现动态路由

以下是实现动态路由的一些基本步骤和概念：安装和设置VueRouternpminstallvue-router#或者yarnaddvue-router#或者pnpmaddvue-router定义路由和路由器实例在Vue

正宗咸豆花·2024-02-05 08:02

解决prettier和eslint冲突详细配置

而在vue项目中，vetur插件必不可少，所以

IT_Ping·2024-02-05 08:57

(十一)ATP应用测试平台——使用vue-video-player视频播放组件实现网页视频流的播放案例实战

前言在网页中播放视频也是我们经常要使用到的功能，例如设备监控的视频流实时播放，MP4、m3u8等视频资源播放等等，在vue项目中，我们可以使用目前封装好的开源组件vue-video-player实现上述的要求

厉害哥哥吖·2024-02-05 07:36

(十二)ATP应用测试平台——关于vue中Vue-Quill-Editor、Mavon-Editor、Tinymce等多种富文本编辑器的集成使用

前言本节我们主要介绍几种在vue项目中使用较为广泛的富文本编辑器，其中主要包括Vue-Quill-Editor、mavon-editor以及tinymce等的集成及使用。

厉害哥哥吖·2024-02-05 07:36

Flutter语言开发的高仿抖音App源码

初衷是用来学习Flutter跨平台技术，积累实战经验。开放出去是让更多的老铁们在技术的路上越走越远…老铁们喜欢的话，帮忙给个star，多谢！

专注移动开发·2024-02-05 07:15

vue学习笔记之项目工程化开发

一：介绍及使用：二：脚手架目录文件介绍：三：项目运行流程：3.1main.js文件和App.vue文件之间的关系：main.js文件：main.js是Vue项目的主入口文件，负责初始化Vue应用并挂载根组件

我真卷不动啦。。。·2024-02-05 01:03

数字孪生网络攻防模拟与城市安全演练