草庐IT

nodejs_vue

全部标签

【Vue】Node.js的下载安装与配置

目录一.下载安装官网:二.环境变量的配置三.设置全局路径和缓存路径四.配置淘宝镜像五.查看配置六.使用npm安装cnpm​一.下载安装官网:https://nodejs.org/en/download下载完之后,安装的时候一直点next即可,也可以根据自己的需求进行勾选二.环境变量的配置创建如上两个文件夹然后打开环境变量复制node.js的路径例如我的是:C:\ProgramFiles\Java\node-v18.18.0-win-x64然后找到系统变量的path%NODE_HOME%\%NODE_HOME%\node_cache%NODE_HOME%\node_global  点击确定验证环

vue项目报错解决,Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)

在做vue2项目时,使用路由vue-router,浏览器显示空白且报错如图 项目运行    出现此错误的原因是因为此时的项目为vue2,下载的vue-router包版本太高,将vue-router包更新至低版本即可解决,如 yarnaddvue-router@3.5.3 或npmi vue-router@3.5.3 

Vue3.0 vue ui创建vue项目,从安装到创建全套整理,以及npm ERR code EPERM报错,vue项目创建界面一直加载问题的解决

1安装node.js下载Node.js安装包官网下载地址:http://nodejs.cn/download/,根据自己电脑选择32位还是64位,点我去下载安装程序win+R打开运行窗口,在此窗口输入cmd命令  进入命令提示符窗口,分别输入以下命令,显示版本号,则安装成功node-v:显示安装的nodejs版本npm-v:显示安装的npm版本 修改全局模块路径和缓存路径(可选,大家自行选择是否修改)在你的nodejs安装目录下创建创建两个文件夹,名称分别为:node_global和node_cache,在node_global文件夹下再建一个node_modules文件夹,配置环境变量用第一

简单本地websocket运行实例(vue3)

目录1.完善一下登陆页面,方便后续使用2.具体实现vue页面3.hooks文件夹建立,存放websocket设置4.建立src的同级server文件夹,用于后端启动websocket服务5.创建index.js文件,编写websocket代码6.在server目录下,通过npmrundev运行后端代码 7.效果展示整体代码:1.完善一下登陆页面,方便后续使用登录用户名密码进入聊天室import{ref,onMounted}from'vue'import{useRouter}from'vue-router'constrouter=useRouter()constuserName=ref('')c

如何在Vue3+js项目(脚手架)中使用(下载安装及运行)element-plus以及解决使用过程中遇到的问题

文章目录📋前言🎯关于ElementUI框架描述🧩设计原则1️⃣一致Consistency2️⃣反馈Feedback3️⃣效率Efficiency4️⃣可控Controllability🧩环境支持🎯安装element-plus🧩遇到的问题🧩全局配置🧩局部配置🎯运行项目🧩遇到的问题🎯运行结果📋写在最后📋前言在目前Vue.js盛行的前端开发时代,一个较为稳定、可持续更新、具有强大团队背景的UI前端PC框架——ElementUI(饿了么UI)框架应运而生。它带给我们的不仅仅是柔美、华丽、实用的控件,更多的是那种轻松上手、简单快捷的引用组件方式,以及它开放式的、目录明确的帮助文档。本篇文章主要记录了在v

遥遥领先,免费开源的django4-vue3前后端分离项目

文章目录🥝星域后台管理系统前端介绍🌿项目简介🍇项目开源仓库地址🥥项目预览地址🍈PC端🍉移动端🌺框架以及使用技术栈介绍🌻安装🌼运行🌱打包🌸项目截图🌲登录和首页🌾书店管理(书籍管理,借书管理)🌴古文学习(古诗词学习,古籍学习)🍹移动端截图🍦星域后台管理系统后端介绍🌿项目简介🥗软件架构🥑使用教程🍊后端管理平台可视化模块截图(simple-ui)🍋后端代码和数据集部分截图🌵参与贡献🥝星域后台管理系统前端介绍🌿项目简介本项目前端基于当下流行且常用的vue3作为主要技术栈进行开发,融合了typescript和element-plus-ui,提供暗黑模式和白昼模式两种主题以及全屏切换,开发bug少,简单易学

vue+element,form循环嵌套表单 、动态添加表单、嵌套表单自定义校验规则

原文发布链接:https://juejin.cn/post/7181752966611730492需求:可点击新增,自动添加表单。(这个不难v-for即可)可自定义方法校验添加的表单内容。(需要掌握element组件的规则,本人没有熟读官网,碰壁好多次才整理出来这篇文章。重要的事说3遍:看官网看官网看官网)效果图:动态嵌套校验的难点主要是如何绑定prop属性,自定义方法的难点主要是如何在嵌套的基础上设置自定义方法以及如何将v-for的索引传入校验Form-ItemAttributes参数说明类型可选值默认值prop表单域model字段,在使用validate、resetFields方法的情况下

【手撕源码】vue3响应式原理解析(文末抽奖)

🐱个人主页:不叫猫先生🙋‍♂️作者简介:2022年度博客之星前端领域TOP2,前端领域优质作者、阿里云专家博主,专注于前端各领域技术,共同学习共同进步,一起加油呀!💫优质专栏:vue3从入门到精通、TypeScript从入门到实践📢资料领取:前端进阶资料以及文中源码可以找我免费领取🔥前端学习交流:博主建立了一个前端交流群,汇集了各路大神,一起交流学习,期待你的加入!(文末有我wx或者私信)。目录一、认识Proxy二、原理分析1.reactive2.track3.trigger4.ref5.effect6.ReactiveEffect7.computed8.mount三、源码地址🌟粉丝福利(抽奖

【Vue】图片拉近、全屏背景实战经验总结

文章目录1图片拉近2全屏背景2.1background-attachment2.2background-size2.3display:flex;2.4flex-direction2.5100vh1图片拉近缘起是看到了下面的图片,我发现当鼠标悬浮的时候,发现他是可以拉近的,也就是图片的宽高不变,但是图片被放大了起初我以为是有一个这样的方法,可以实现这个操作,但是查找了很多网站都没有找到。后来自己慢慢的摸索,才了解了其中的奥妙子盒子和父盒子的大小一样大,为了能体现出父子盒子,我让父盒子略大,并未黄色,子盒子为白色当鼠标悬浮到该子盒子的时候,子盒子被放大(scale),如下图同时,我设置子盒子超出父

前端Vue:权限管理,给角色分配权限

👉前端-Vue权限控制,菜单权限,按钮权限_一人创客的博客-CSDN博客目录介绍:前端权限的概念:前端权限的意义:Vue权限管理的代码实现:菜单刷新界⾯菜单消失标识⽤户名,⽅便查看当前⽤户退出登陆: 界面:1.判断当前是否登陆2.控制是否可以访问角色界面(不太理解)按钮:请求和响应:请求控制 响应控制总结(重要):菜单:界面: 按钮控制请求和响应控制介绍:前端权限的概念:        前端权限的控制本质上来说,就是控制前端的视图层的展示和前端所发送的请求。        前端权限的实现必须要后端提供数据⽀持,否则⽆法实现。返回的权限数据的结构,前后端需要沟通协商,怎样的数据使⽤起来才最⽅便.