vue项目实战开发第11页

Vue构建项目断点调试过程问题总结

baorant在写代码·2024-01-26 23:15

VUE--VUEX

一、什么是VuexVuex就是一个vue的状态（数据）管理工具，是vue项目实现大范围数据共享的技术方案。能够方便、高效的实现组件之间的数据共享。

煸橙干儿~~·2024-01-26 20:12

ruoyi-vue项目中当使用request.js请求后他时，返回非200状态码时request.js会抛出控制台异常导致后续逻辑不执行的解决办法

背景：因表单提交后台逻辑较多，执行速度超过3秒所以提交时添加了遮罩加载层，当后台返回非200状态码时request.js会抛出控制台异常导致后续逻辑不执行了，使用try-cat.catch捕获异常也无效，因为request.js会优先拦截处理解决办法：修改request.js中的拦截器方法：//响应拦截器service.interceptors.response.use(res=>{//未设置状态

往事不堪回首..·2024-01-26 19:56

在vue项目中使用less

3c9795394f14·2024-01-26 19:36

项目性能优化之用compression-webpack-plugin插件开启gzip压缩

背景：vue项目打包发布后，部分js、css文件体积较大导致页面卡顿，于是使用webpack插件compression-webpack-plugin开启gzip压缩前端配置vue.config.js先通过

weixin_42254016·2024-01-26 18:55

面试官：说说如何在Vue项目中应用TypeScript？

一、前言与如何在React项目中应用TypeScript类似在VUE项目中应用typescript，我们需要引入一个库vue-property-decorator，其是基于vue-class-component

动感超人，·2024-01-26 18:36

TypeScript深度剖析:Vue项目中应用TypeScript？

一、前言与link类似在VUE项目中应用typescript，我们需要引入一个库vue-property-decorator，其是基于vue-class-component库而来，这个库vue官方推出的一个支持使用

嚣张农民·2024-01-26 18:06

如何在Vue项目中应用TypeScript？

文章目录一、前言二、使用@Componentcomputed、data、methods@props@watch@emit三、总结一、前言与link类似在VUE项目中应用typescript，我们需要引入一个库

花言儿·2024-01-26 18:05

vue3+WebRTC拉流（正确姿势）

1.实时通信：2.网络穿越：3.媒体处理：4.数据通道：5.使用场景:二、使用webRtc引用到Vue项目步骤1.引入库2.git仓库地址（项目/dist里有jswebrtc.min.js文件）：3.示例代码

yasuo56·2024-01-26 17:06

【融职培训】Web前端学习第7章 Vue基础教程2 创建Vue项目

一、使用vue/cli创建Vue项目在第七章我们已经介绍了如何使用npm命令全局安装node包，本节我们需要安装一个名为@vue/cli的包来创建我们的vue项目，安装代码如下所示：npminstall-g

lmonkey_01·2024-01-26 16:59

vue项目 nginx部署

如果端口没被占用可以不用修改server_namelocalhost;#charsetkoi8-r;#access_loglogs/host.access.logmain;rootD:/lxw/dist;#vue

乱蜂朝王·2024-01-26 15:33

NodeJS管理工具nvm的安装与vue项目的创建

NodeJS管理工具nvm的安装与vue项目的创建1、本地清理（如果之前从未安装过node，可忽略）如果之前安装过node，需要先清理本地安装，参考教程：windows中如何将已安装的nodejs高版本降级为低版本

AquaMriusC·2024-01-26 15:30

Windows 10 - Nvm - Node - 创建 Vue项目 Vue-cli 脚手架 3.x

关联链接1.Windows10-Node与Vue-安装Vue2.x及3.x框架-项目创建要点-12.Windows10-Nvm——node版本管理工具的安装配置方法-报错问题集锦与解决方法-工程化Node绝对环境隔离-Node进阶测试环境Windows10nvm的测试版本:1.1.11Node:16.18.1一、安装V-cli3的脚手架具体参考1.Windows10-Node与Vue-安装Vue2

沐修·2024-01-26 15:28

nvm + nodejs + vue项目环境搭建备忘

内容介绍：传统JavaScript传统JavaScript运行在浏览器上，浏览器内核分为两个部分：渲染引擎渲染HTML和CSSJavaScript引擎负责运行JavaScriptChrome使用的JavaScript引擎是V8，速度非常快且性能好。Node.jsNode.js是一个基于ChromeV8引擎的开源和跨平台的JavaScript运行环境。Node.js实质是对ChromeV8引擎进行了

feir_2011·2024-01-26 15:58

【NVM】npm多版本管理工具安装踩坑：vue-cli无法正常升级创建vue项目

遇到问题使用nvm多版本管理npm后vue-cli无法正常使用创建vue项目，到处查了很多资料修改都不对，最后找到了一篇比较靠谱的借鉴参考终于解决了问题。

RachelY111·2024-01-26 15:27

0125-1-vue3初体验

vue3尝鲜体验初始化安装@vue/cli@next：yarnglobaladd@vue/cli@next#ORnpminstall-g@vue/cli@next然后在Vue项目运行：vueupgrade

武昌库里写JAVA·2024-01-26 12:41

errno -4058npm ERR! enoent ENOENT: no such file or directory, open ‘C:\Users\lenovo\Desktop\Intell

npmrundev时报错-4058是npm没有找到要加载的项目,没有指定是运行哪一个Vue项目，可以检查一下是否是解压时套了一层名称一样的文件夹，需要进入项目文件夹再编译

yy_demo·2024-01-26 11:19

【Docker Desktop】Docker Desktop的安装与使用：

为什么要使用docker二、安装：【1】安装hyper-v（专业版除外）【2】安装WSL2内核【3】DockerDesktop安装三、如何判断电脑已经安装好docker四、docker前端应用实战：将vue

Sun Peng·2024-01-26 09:07

vue 前端面试常见问题汇总（1-10）

目录#前言@[TOC](文章目录)#一、React/Vue项目时为什么要在列表组件中写key，其作用是什么？

A于情·2024-01-26 09:25

vue项目+ts+百度地图的使用

1.引入百度地图import{Component,Vue,Provide,Prop,Watch}from"vue-property-decorator";import{User}from"@/classes/User";import{Menu}from"@/classes/Menu";importqsfrom"qs";importQueryEntityfrom"@/classes/search/Q

小猿a_a·2024-01-26 09:07

将Vue项目打包时生成的chunk文件名中波浪线~替换为-

解决方案：webpack官网参考文档：https://webpack.js.org/plugins/split-chunks-plugin/#splitchunksautomaticnamedelimiteroptimization:{splitChunks:{//指定用于生成名称的分隔符。automaticNameDelimiter:'-'}}

wen_文文·2024-01-26 08:59

lowdb在Vue项目中的使用；

介绍：轻量级本地JSON数据库；使用JSON为存储的数据结构，基于lodash（https://www.lodashjs.com/）开发；实际应用：Vue项目中Vuex存储数据，刷新页面时数据丢失的问题

wen_文文·2024-01-26 08:29

Vue3+Vite使用Puppeteer进行SEO优化（SSR+Meta）

此次优化的最大好处，就是SSR时对已有的vue项目0侵入，不需

笑小枫·2024-01-26 07:12

创建vue项目

npminstallvue-cli//安装脚手架vuecreatemy-project//创建项目vuecreate项目名npmrunserve//启动项目安装架手架时：@vue/cli和与vue-cli的区别vue-cli为2.x版本时vue的脚手架@vue/cli为3.x版本的脚手架

月色超冷·2024-01-26 06:21

vue下载模板时报 vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET

今天在创建新的vue项目时报了这个错误，网上查了很多次，发现都没有什么有效的解决方法。

wang_9909·2024-01-26 01:12

ywl-watermark-vue基于vue指令实现水印功能（vue2/vue3），防止手动删除水印

在开发vue项目中，可能会根据项目的需求对页面添加水印效果，下面将介绍一种基于vue指令而实现水印的方法（通用于vue2和vue3），利用MutationObserver监控水印DOM发生变化时，重新渲染水印

打响第一枪·2024-01-26 01:32

Android数据持久化之SQLite你所要知道的一切

本文为自己多年来在Android实战开发过程中总结归纳的一些常见问题，现在分享出来希望对初学者有所帮助。

门心叼龙·2024-01-26 00:16

Vue项目打包部署到nginx服务器上运行

idea中vue项目配置打包：不在idea这样配置执行也行，在项目下直接执行npmrunbuild:prod也可以的，原理一样执行后，生成的打包文件夹dist:至此，vue项目打包完成，开始搭建nginx

林⁣熙·2024-01-25 23:08

使用nginx服务本地运行打包后VUE项目的dist文件，最简方法

下载稳定版Stableversionnginx解压后，将vue项目打包好的dist文件夹内部文件复制，替换nginx-1.22.0\html下的所有文件运行nginx根目录下的nginx.exe文件，并在任务管理器中确认服务已启动后

跳动的世界线·2024-01-25 23:06

记录 | vue报错：Module not found: Error: Can‘t resolve ‘vue-cookies’ in ‘XXX’

CSDN话题挑战赛第2期参赛话题：学习笔记在vue项目中引入cookies的时候发现终端报了错ERRORin.

taotu_tao·2024-01-25 21:34

vue router 右到左过渡动画

首先，在Vue项目中安装并引入VueRouter库：npminstallvue-router--save然后，创建一个新的Vue文件（如App.vue）作为根组件，并导入所需的模块：importVuefrom'vue'importAppfrom

twins3520·2024-01-25 21:11

vue 项目中常用的几种import 书写方式

学习目标：目标：掌握vue项目中常用的几种import的书写方式学习内容：内容：1.import（模块、文件）引入方式.（1）引入第三方插件importechartsfrom‘echarts’.（2）.

努力学编程呀(๑•ี_เ•ี๑)·2024-01-25 20:00

运行VUE项目报错‘error:03000086:digital envelope routines::initialization error‘解决方案

当运行项目时报如下错误INFOStartingdevelopmentserver...10%building2/5modules3activeD:\Projects-JAVA\psi-master\ant-design-vue-jeecg\node_modules\webpack\hot\dev-server.jsError:error:0308010C:digitalenveloperoutin

STC灬漠然·2024-01-25 20:17

Vue性能优化

目录Vue性能优化的必要性：Vue项目优化工具webpack-bundle-analyzerwebpack-bundle-analyzer作用：webpack-bundle-analyzer用法：webpack-bundle-analyzer

Wh1T3ZzT·2024-01-25 18:19

vue css穿透 /deep/、::v-deep和＞＞＞的区别

在写一些vue项目时候，经常会引入一些组件，如element-ui，在style上又会因为不想污染全局样式而加上scoped属性，这样在css里并不能直接修改el的样式，所以就要用到深度修改css（穿透

深情止于人海·2024-01-25 17:44

浅识深度选折器（/deep/ 或＞＞＞）

之前在开发中遇到一个问题，vue项目结合elementui使用。但是elementui的样式不一定符合我们的需求，这时我们就需要改变它的样式。

妙趣前端·2024-01-25 17:43

全局配置Eslint实现Standard标准，以遍在各个Vue项目通用

为了保持standard标准的js代码格式，并且可以在vue项目中检查(同时可以检查.vue文件)，不得不使用eslint进行代码检查。

空气力学先驱·2024-01-25 17:59

vue取消控制台输出（隐藏console.log内容）

vue项目文件夹=>babel.config.jsconstprodPlugins=[]//判断需要隐藏的环境if(process.env.NODE_ENV==='production'||process.env.NODE_ENV

Q❀·2024-01-25 15:27

vue项目中路由懒加载的三种方式

1.vue异步组件技术====异步加载vue-router配置路由,使用vue的异步组件技术,可以实现按需加载.但是,这种情况下一个组件生成一个js文件/*vue异步组件技术*/{path:'/home',name:'home', component:resolve=> require(['@/components/home'],resolve) },{path:'/index',name:'In

张不大了·2024-01-25 14:32

无法加载文件 C:\Users\xxx\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本

一、问题描述使用命令npminstallvue-cli-g安装脚手架之后，创建Vue项目vuecreatehello-world提示“无法加载文件C:\Users\xxx\AppData\Roaming

有趣有趣·2024-01-25 12:03

elementUI 时间段快捷选择及禁用（包含d2-crud-plus中使用）

需求vue项目elementUI，需求为时间范围搜索，带快捷键并且只能选择今天之前，90天内的时间。搜索今天为实时数据，不能使用时间段，只能单独搜索。

xuelong-ming·2024-01-25 12:47

vue项目输出配置文件

有很多时候在更改了一些项目配置后，发现并未生效，此时可以输出最终的项目配置文件，查看是否被vue-cli的一些默认行为覆盖了//在控制台输入vueinspect>output.js然后在项目根目录下会发现多了一个output.js文件此文件就是项目的最终配置文件.

YUJIAN。·2024-01-25 11:41

Vue+OpenLayers7：html原生网页如何使用OpenLayers7地图

Vue项目从零构建OpenLayers7地图脚手架请参考：《Vue+O

汤姆猫不是猫·2024-01-25 09:42

Vue+OpenLayers7：OpenLayers7地图整合到Vue项目中的两种方式

返回《Vue+OpenLayers7》专栏目录：Vue+OpenLayers7本章讲解Vue项目如何把OpenLayers7.x版本的地图整合到项目中。

汤姆猫不是猫·2024-01-25 09:42

从零开始构建Vue项目并整合OpenLayers7.5.2

如果已有Vue项目或者熟悉Vue.js的读者可以不用看本章，直接添加[email protected]依赖到Vue项

汤姆猫不是猫·2024-01-25 09:36

Dockerfile：如何写一个Dockerfile文件？

之后就是看案例：前端项目(Nginx)DockerFile文件Vue项目，涉及node安装依赖、build打

xupengboo·2024-01-25 06:35

vue创建项目的命令

一、确保已将安装node、vue-cli二、新建文件夹，通过文件加目录输入‘cmd’1、vuecreate项目名称选择vue2.x/vue3.x/自定义2、选自需要的配置项，回车选择3、先择创建的vue

Fating-Win·2024-01-25 03:47

vue创建前端项目

问题安装好后vue，按理说就可以创建vue项目vueinitwebpack项目名称npminstall，使用vue-cli脚手架搭建项目卡在sillidealTreebuildDeps没有反应解决办法在

小赖同学啊·2024-01-25 03:15

vue2中CesiumV1.113.0加载离线地形数据

离线地形数据可以放在vue项目下的public/data/sjzTerrain文件下由于地形离线数据数量太大，在vue项目编译时会报如下错误：ERRORinEMFILE:toomanyopenfiles

volodyan·2024-01-25 02:41

vue项目，如何区分开发环境、测试环境、正式环境

一、通过哪个字段判断开发、测试、正式环境process.env.NODE_ENV二、怎么设置process.env.NODE_ENV的变量值在package.json文件中配置"serve":"NODE_ENV=developmentvue-cli-serviceserve","build:test":"NODE_ENV=testvue-cli-servicebuild","build":"NOD

八分钟de温暖·2024-01-25 02:29

推荐频道

vue项目实战开发