VUE项目第4页

【Vue】工程化开发&脚手架Vue CLI

个人主页：五敷有你系列专栏：Vue⛺️稳重求进，晒太阳工程化开发&脚手架VueCLI基本介绍VueCli是Vue官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础架子【集成了webpack

五敷有你·2024-02-14 18:08

一文带你构建自己的脚手架

在日常开发中，我们创建vue项目所使用的vue-cli，创建react项目的create-react-app…都是非常优秀的脚手架。那为什么要使用脚手架来创建项目呢？

程序员Syoyu·2024-02-14 17:02

【无标题】

例如，要构建一个Vite+Vue项目，运行vite中文网（开始|Vite官方中文文档）#npm6.xnpmcreatevite@latestmy-vue-app--templatevue#npm7+,extradouble-dashisneeded

miss-ddly·2024-02-14 17:24

vue项目动态路由怎么做

vue项目实现动态路由的方式大体可分为两种:1.简单的角色路由设置：比如只涉及到管理员和普通用户的权限。

爱学习的小仙女早睡早起·2024-02-14 14:17

精准调试-vue调试工具vue-devtools安装及完整使用教程

*本文主要介绍vue的调试工具vue-devtools的安装和使用工欲善其事,必先利其器,快快一起来用vue-devtools来调试开发你的vue项目吧如果你能连上googlgChrome应用商店，那么一切好说

zoomlaCMS·2024-02-14 08:15

Vue2+Echarts+koa2+websocket电商平台数据可视化实时检测系统（一）

整个项目的架构是基于Vue的,所以我们需要创建Vue项目,然后在Vue项目中开发各个图表组件。1.前端项目的准备1.1.vue-c1i脚手架创建项目1.1

三月的一天·2024-02-14 06:18

Nuxt.js的使用、vue项目不被百度收录怎么办、seo优化问题@令狐张豪

我们在上一篇博文中介绍了vue项目不被百度收录的根源和介绍了两种解决方案也具体说了预渲染的使用方法，今天说一下另一种解决方案Nuxt.js的使用。

令狐张豪·2024-02-13 18:53

vue3-应用规模化-工具链

要使用Vite来创建一个Vue项目，非常简单：（推荐）npm create vue@latest这个命令会安装和执行create-vue，它是Vue提供的官方脚手架工具。跟随命令行的提示继续操作即可。

王大可996·2024-02-13 16:45

Vue项目部署优化

前言使用vue、react、angular等技术开发过程中，我们都会遇到以下问题：首屏加载慢每一次更新都需要清除浏览器缓存才能看到效果(经常被测试吐槽)这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。晨曦：为什么整个互联网行业都缺前端工程师？44赞同·8评论文章前端页面文件缓存方案从vue-cli3打包说起路由使用按需加载后

硅谷干货·2024-02-13 15:19

Vue项目中使用Iconfont字体图标

1，进入网站：Iconfont网址：http://www.iconfont.cn2.，点击网站上方的“官方图标库”，选择自己喜欢的图标，并加入购物车3，图标全部选择完成后，点击右上方的购物车，选择添加至项目，如果没登录http://www.iconfont.cn的话会让你先登录（我选择github登录的），登录之后点击添加至项目-新建项目-确定4，确定之后会到这个界面：微信截图_201907031

小王子__·2024-02-13 15:16

浅析deep深度选择器

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

坏丶毛病·2024-02-13 11:19

【问题：创建Vue项目】npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED npm ERR!

欢迎来到我的博客，你将找到有关如何使用技术解决问题的文章，也会找到某个技术的学习路线。无论你是何种职业，我都希望我的博客对你有所帮助。最后不要忘记订阅我的博客以获取最新文章，也欢迎在文章下方留下你的评论和反馈。我期待着与你分享知识、互相学习和建立一个积极的社区。谢谢你的光临，让我们一起踏上这个知识之旅！文章目录问题解决办法问题这个报错是因为你正在尝试访问npm的registry，但所使用的SSL证

小馒头学python·2024-02-13 10:28

创建你的第一个Vue项目(小白专享版本)

欢迎来到我的博客，你将找到有关如何使用技术解决问题的文章，也会找到某个技术的学习路线。无论你是何种职业，我都希望我的博客对你有所帮助。最后不要忘记订阅我的博客以获取最新文章，也欢迎在文章下方留下你的评论和反馈。我期待着与你分享知识、互相学习和建立一个积极的社区。谢谢你的光临，让我们一起踏上这个知识之旅！文章目录下载node.js创建Vue3项目VSCode和Vue3CDN（内容分发网络）使用全局构

小馒头学python·2024-02-13 10:27

vue项目配置

项目构建最终项目完成后，我们可以去构建（build）我们的项目npmrunbuild问题1.接口问题2.目录路径问题接口问题开发环境的接口和生产环境的接口不是同一个//可以通过axios的baseURL来解决这个问题axios.default.baseURL=process.env.NODE_ENV==='development'?'开发环境接口':'生产环境接口'//如果配置了跨域axios.d

dmengmeng·2024-02-13 09:48

在vue-cli项目设置代理proxyTable

method=upload这种的,或者前端本地开发需要模拟完成后端返回数据,结合mock.js,即可返回假数据,完成开发适用项目:vue项目项目开发,使用vue-cli构建工具解决办法:使用vue-cli

Angrybird233·2024-02-13 09:02

Vue 前置导航

以下是一个简单的Vue前置导航示例，包括代码和解释：首先，创建一个Vue项目或在现有项目中添加Vue组件。假设我们有一个名为Navbar.vue

还是大剑师兰特·2024-02-13 09:01

如何搭建一个vue项目

引用：https://www.cnblogs.com/yanxulan/p/8978732.html

LuckyS007·2024-02-13 08:57

运行npm报错：npm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npm的解决方案

当我运行vue项目，在终端想安装指定版本的npm时[email protected]遇到了以下报错信息：npmERR!codeETIMEDOUTnpmERR!

海边的吨吨猪·2024-02-13 05:00

Vue项目Webpack优化实践，构建效率提高50%

Vue项目Webpack优化实践，构建效率提高50%vue.jswebpack发布于2018-12-24公司的前端项目使用Vue框架，Vue框架使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大

badboy__biubiubiu·2024-02-13 05:54

Vue设置@符号提示路径

首选项-搜索PathIntellisense-打开settings.json，添加："path-intellisense.mappings":{"@":"${workspaceRoot}/src"}3.在vue

Enginner_XZ·2024-02-13 01:49

2020-05-01Vue安装sass出错：npm ERR! [email protected] postinstall: `node scripts/build.js` npm ERR! Exi...

vue项目换台电脑安装node-sass出错:错误信息节选：npmERR!codeELIFECYCLEnpmERR!errno1npmERR!

Kason晨·2024-02-13 01:20

axios请求qs的用法

1、qs的api：cnpm下载qs库：cnpminstallqs-S在vue项目页面或者封装的axios中引用：importQsfrom'qs'；qs主要有两种使用方法：qu.stringify()和qs.parse

落花夕拾·2024-02-12 23:00

No 'Access-Control-Allow-Origin' header is present on the requested resource.

问题如下,vue项目的axios请求,postman测试没有问题,但是代码中报错,报错如下解决方法:axios的请求地址最后没有加斜杠,加上斜杠就ok了

FForYou·2024-02-12 08:23

关于创建vue项目报错command failed: npm install --loglevel error

一、首先在这个目录下有个文件叫.vuerc二、其次进去之后把里面的"useTaobaoRegistry":false,修改下，我之前是true，后来改成了false才成功。

南风花海·2024-02-12 07:56

net::ERR_CONNECTION_REFUSED报错

Vue项目接口报错一、报错类型二、使用步骤1.对比后端接口地址是否一致（重点注意协议是否一致，这次采坑了，找了很久运来是协议不一致）；2.与后端确认，查看请求头中是否缺少某些参数（之前因为少参也会报这个错

JetYamm.·2024-02-12 06:05

Vue项目在部分ios手机Safari浏览器上打开为白屏

Vue项目在部分ios手机Safari浏览器上打开为白屏有可能是一下原因造成：第一：部分es6语法不兼容推荐在全局引入babel-polyfill解决es6在Safari的兼容问题第二：有部分Safari

windblows·2024-02-12 05:23

electron+vue 在线编辑 Office Word？

Electron桌面应用是基于Chromium内核的，而谷歌Chrome取消了对PPAPI插件支持后，在线Office方案纷纷失效，只能更换国产浏览器在低版本浏览器苟延残喘，不能用于electron+vue

·2024-02-11 18:58

ERROR Invalid options in vue.config.js: “baseUrl“ is not allowed

vue项目我的这个版本是3.10.0module.exports={baseUrl:process.env.NODE_ENV==='production'?'.

家乡_a6ce·2024-02-11 16:33

vue项目运行报错this[kHandle] = new _Hash(algorithm, xofLen)

爱吃一块五花肉·2024-02-11 15:46

解决升级openssl到3.0以后，vue项目报错Error: error:0308010C:digital envelope routines::unsupported

解决升级openssl到3.0以后，vue项目报错Error:error:0308010C:digitalenveloperoutines::unsupported问题原因解决办法electron项目解决办法问题原因这两天发现

心的旅程07·2024-02-11 15:14

Vue运行报错:this[kHandle] = new _Hash(algorithm, xofLen)

问题描述在github拉取vue项目到本地运行时，出现报错:this[kHandle]=new_Hash(algorithm,xofLen)报错原因出现这个问题是node.js的版本问题，因为node.jsV17

是席木木啊·2024-02-11 15:14

vue项目安装element

回顾vue2项目安装element-ui1、安装npmielement-ui-S2、在main.js中使用import'element-ui/lib/theme-chalk/index.css'import'./assets/iconfont/iconfont.css'Vue.use(elementUI)现在vue3项目安装element-plus1、安装npminstallelement-plu

叽里咕噜咕噜·2024-02-11 12:26

vue项目debugger调试看不到源码

在搭建vue项目时，在vue文件里面输入debugger后，在浏览器点击操作发现可以进入断点，但显示的是已经压缩好的代码，无法看到源码。

hua_ban_yu·2024-02-11 03:51

Vue项目创建

Vue项目创建一、环境准备1.1.安装node.js【下载历史版本node-v14.21.3-x64】1.2.安装1.3.检查是否安装成功：1.4.配置npm在安装全局模块时的路径和缓存cache的路径

良辰美景好时光·2024-02-11 02:06

vue项目不能被ip地址打开的问题

打开项目中的config文件夹中的index.js找到host:localhost改为0.0.0.0即可image.png

拾钱运·2024-02-11 02:29

vue项目搭建测试

5，项目测试导入elementplus以及样式importElementPlusfrom'element-plus'import'element-plus/dist/index.css'createApp(App).use(store).use(router).use(ElementPlus).mount('#app')DefaultPrimarySuccessInfoWarningDangerP

九品印相·2024-02-10 22:15

Vue内联处理器中访问DOM事件可以不加$？现在$event传入原始DOM事件可以不加$了吗？

在之后学习完vue项目之后，再次想起这个问题进行实验，发现在项目中传入时不加$时会报错没有定义。

欲尽·2024-02-10 16:47

Error: error:0308010C:digital envelope routines::unsupported 解决方案

报错原因3、解决方案3.1版本降级，解决报错3.2设置参数，解决报错3.3修改配置文件，解决报错（推荐）致谢1、报错最近在研究开源项目若依，启动前端的时候报错，从报错很明显看出来是node版本问题启动vue

程序员小赵同学·2024-02-10 14:56

项目优化

多使用内存和缓存二、页面渲染css放前面，js放后面减少dom查询，多次使用的保存为变量减少dom操作，统一通过dom片段操作事件函数的节流和防抖图片懒加载尽早进行操作，domcontentload与loadvue

瀡風·2024-02-10 10:22

Vue项目中模块化封装vue-router（易拓展、可维护）

实现思路引入Vue和VueRouter库；通过引入项目组所需使用的组件，包括Login、Home、FirstRouter和SecondRouter等；定义了一个createRoute函数，用于创建路由对象，包括以下几个属性：路径（path）、名称（name）、组件（component）、重定向（redirect）、标题（title）、按钮权限（btnPermissions）和子路由（childre

我也想做全栈一霸！·2024-02-10 10:50

Vue项目中crypto-js加密解密的封装（附完整代码）

导入crypto-js库；npminstallcrypto-js--save-dev定义密钥key和密钥偏移量iv；创建一个名为crypto的对象；加密实现过程首先将待加密的数据转换为CryptoJS.enc.Utf8格式的字节序列。使用相应的加密算法（如AES、DES、TripleDES、Rabbit或RC4）对字节序列进行加密，使用给定的密钥、密钥偏移量；将加密结果转换为字符串形式，并返回加密

我也想做全栈一霸！·2024-02-10 10:50

Vue项目中，对于index.html中BASE_URL的配置

Vue项目中，对于index.html中BASE_URL的配置问题解决注意问题有时候后端配置资源的默认访问路径的时候，可能会与前端打包时配置的默认根路径有所差异比如：后端要访问静态资源的根路径为/static

我是真的狗·2024-02-10 00:44

封装sku组件

1.准备模板渲染规格数据使用Vite快速创建一个Vue项目，在项目中添加请求插件axios，然后新增一个SKU组件，在根组件中把它渲染出来，下面是规格内容的基础模板import{onMounted,ref

小秀_heo·2024-02-09 20:54

vue项目拆分组件思想对比

基于组件拆分：优点：组件增加复用，增加可维护性拆分：.vue=HTML+JS+CSS问题：一旦组件从一个变成了多个，必定形成嵌套关系，从而增加通信成本基于逻辑拆分：优点：逻辑的复用，增加可维护性拆分：拆分的只有js问题：对原生js函数的理解要求高了基于逻辑的通用拆分思想：1、找到组件中属于同一个业务逻辑的所有代码（响应式数据+修改数据的方法）2、定义一个以use打头的方法，把第一步所有的业务逻辑代

煸橙干儿~~·2024-02-09 14:16

vue项目引入外部字体

一、vue项目引入外部字体1.网上下载字体包2.在项目中引入字体3.然后在css文件夹创建一个font.css文件，文件用于声明引入的字体，定义字体名称@font-face{font-family:'SourceHanSansCN-Medium

我是人间烟火·2024-02-09 13:35

Vue项目中RSA公钥及Aes加解密问题

1.Vue项目中引入AES插件（1）安装crypto-jsnpminstallcrypto-js--save-dev（2）封装aes工具类importCryptoJSfrom'crypto-js';/*

啾啾酒·2024-02-09 12:11

vue项目中仿element-ui弹框

vue项目中仿element-ui弹框最近要写个弹框，发现element-ui弹框样式还可以，就copy下来改吧改吧。也不分步骤详细介绍了直接上代码。

River_tong·2024-02-09 12:22

如何在vue中使用拖动排序组件sortablejs

效果图：1.首先，我们需要在vue项目中安装依赖：npminstall-savesortablejs2.创建demo文件=>demoTest.vue，直接附上实例代码：{{item.id}}=>{{item.name

得知此事须躬行·2024-02-09 11:19

vue项目自动化测试-unit tests

最近研究vue项目的自动化测试，网上有很多教程，因此也是一个坑一个坑的踩，差一点就从开始到放弃了，最后又仔细研究了一下，终于成功了，这篇主要用来记录成功过程。如有不对，望各位大神多多指教。

邮一支软猫·2024-02-09 11:10

nginx一个域名配置多个vue项目

在已有项目一的情况下，不改变项目一的访问地址，在同一域名的二级目录下部署项目二，配置如下：一、修改vue.js配置1.修改vue-router路由配置src/router/index.js文件a.项目一constrouter=newVueRouter({mode:'history',routes:routes})b.项目二constrouter=newVueRouter({base:'jx',mo

秀萝卜·2024-02-09 10:15

推荐频道

VUE项目