×

WEBPACK

vue cli项目升级--vue cli3升级到vue cli4(vuecli2升级vuecli4)

执行注册任务 执行注册任务 发表于2024-04-21 浏览6899 评论0
原文网址:vue cli项目升级--vue cli3升级到vue cli4_IT利刃出鞘的博客-CSDN博客 简介 说明         本文介绍如何升级vue项目的vue cli版本。 官方网址 https://cli.vuejs.org/migrations/migrate-from-v3.html https://cli.vuejs.org/zh/guide/installation.html#升级 为什么要升级? Vue Cli4相对于Vue Cli3的改变: 项目结

WEBPACK

小满Vue3第三十六章(Vue如何开发移动端)(vue 移动开发)

浩满 浩满 发表于2024-04-20 浏览10591 评论0
视频教程Vue3 + vite + Ts + pinia + 实战 + 源码 +全栈_哔哩哔哩_bilibili 如果使用npm init vue@latest 报错 error when starting dev server: Error: Cannot find module 'node:path' nodejs 升级为16版本就好了 开发移动端最主要的就是适配各种手机,为此我研究了一套解决方案 在之前我们用的是rem 根据HTML font-size 去做缩放 现在有了更好用

WEBPACK

vue2项目创建(vue2.0创建项目)

夜 发表于2024-04-20 浏览6249 评论0
vue2项目的创建 1.全局安装脚手架 npm install -g @vue/cli 2.然后搭建项目 vue create 项目名称 将得到下面图,我们可以通过上下键选择第二个. 得到我们的vue2小项目。 然后用vs-code运行项目,运行代码 npm run serve vue组件的创建使用 首先我们需要将eslint禁用了 禁用方式: 点击“文件”=>“首选项”=>“设置”=>在输入框中输入vetur=>将使用的eslint的复选框

WEBPACK

聊聊我是怎么样用vite替换webpack的

讨人嫌、 讨人嫌、 发表于2024-04-20 浏览5669 评论0
前言 都已经 2202 年了,vite已经可以算是遍地开花了,这两年的关注度也比较高究其原因,还是因为苦webpack久矣; 随着项目功能越来越多,代码越来越复杂,随之而来的就是项目的各种慢(ps:跑个项目的时间都能去茶水间打杯水回来喝一会儿了 😭😭😭) 至于原因,简短来说,就是webpack需要去索引整个项目的文件,编译成一个或多个单独的 js 文件;而vite则是在浏览器请求对应 URL 的时候,再提供对应的文件,更详细的还是去瞅瞅 vite 的自荐吧 开搞 开始进入正题

WEBPACK

Vue的路由配置(Vue2和Vue3的路由配置)(vue3使用路由)

欢乐多多 欢乐多多 发表于2024-04-20 浏览6743 评论0
系列文章目录 Tips:使用Vue3开发项目已经有一段时间了,关于Vue2的路由是如何一步一步搭建的都快要忘记了,今天写着篇文章主要就是回顾一下,在Vue2和Vue3中我们是如何一步一步的配置路由的。 提示:最好的进步就是有闲暇时间就敲一敲代码!!!!! 一、路由是什么? Vue中的路由就是.SPA(single page application 单页应用程序) 的路径管理器。 vue-router是Vue.js官方的路由插件,用于构建单页面应用。vue的单页

WEBPACK

VUE——使用VUE脚手架创建项目(vue用脚手架创建项目怎么写)

A-婷婷 A-婷婷 发表于2024-04-20 浏览5779 评论0
前言 vue脚手架工具,对vue项目构造做了封装,直接使用vue-cli创建项目,常用配置自动帮你完成,不用自己像使用webpack一样配置。 目录 1、安装 npm i vue 2、创建vue项目 3、运行项目 1、安装 npm i vue ps:项目化开发中,使用import导入vue,而不用script src标签引入 我们的第一步需要下载vue及vue脚手架工具,可以在集成终端或者使用cmd方式键入以下命令 npm install vue @vue/cli -g

WEBPACK

如何在nodejs中使用swagger

我的世界龙化HIM404 我的世界龙化HIM404 发表于2024-04-19 浏览9873 评论0
在工作中和后台javaer进行接口调试的时候使用的是swagger,非常的方便。nodejs中有什么好用的api工具呢?网上查找了一下,swagger同样适用于nodejs,记录一下在nodejs中使用swagger的过程。 1、 安装依赖 npm install swagger-ui-express swagger-jsdoc -S 2、创建swagger中间件 在utils/swagger文件夹中创建index.js 配置swagger-jsdoc中的options 注意修改

WEBPACK

使用ant-design-vue开发后台管理系统(一、环境配置及项目创建)

√韩少wwwywwpaycom √韩少wwwywwpaycom 发表于2024-04-19 浏览6271 评论0
简介 Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的 UI 组件库,其组件功能丰富多样使用简单,开发成本相对来说较低;前提是需要对WEB前端知识以及vue开发有一定的了解,本文开发使用的是vue3.2.31+ant-design-vue3.2.0;本文将对整个开发过程进行全方位记录与介绍。 vue参考文档:Vue.js ant-design-cue参考文档:https://www.antdv.com/docs/vue/introduce-cn

WEBPACK

vue中纯前端实现滑动图片验证的方式(基于vue图片滑动验证)

jsonyy jsonyy 发表于2024-04-18 浏览6434 评论0
Hello,大家好呀~ 众所周知,滑动图片验证一直是各类网站登录和注册的一种校验方式,是用来防止有人恶意使用脚本批量进行操作从而设置的一种安全保护方式。   一般而言,这种滑动图片验证是可以通过后端配合完成,后端处理出一张中间有缺口的大图片和对应的拼图小图片,并记录拼图在大图片中的垂直Y轴位置,前端拿到一大一小两张图片和垂直Y轴位置后就可以将拼图定位到大图有缺口的对应的水平线上,再让用户滑动滑块到指定位置,待用户松开滑块时就记录此时的水平位置并发给后端校验(当然还配合一些其他校验,比如说

WEBPACK

vite搭建vue2项目(vite搭建vue3)

乔帅-域名批发 乔帅-域名批发 发表于2024-04-18 浏览6474 评论0
问题提出 最近在做一个练习的小项目,由于要配合组成员的其它成员来搭建项目,大多掌握的技术栈都在vue2,用惯了vite来搭建(vite真香~),就想着来搭建一个vue2的项目。原本以为查下百度很快可以搭好,没想到折腾了一早上。。。。 ⭐️文章结尾会给出我的package.json文件 搭建过程 1、初始化项目 vite提供了对应的npm命令可以创建各种框架的项目,但是vite在创建vue项目时,默认直接创建vue3,因此这里我们使用原生项目进行创建 1.1 创建项目 注意:

WEBPACK

Pnpm Workspace: 单仓库多项目(monorepo)

刚好 刚好 发表于2024-04-17 浏览9346 评论0
Pnpm Workspace: 单仓库多项目(monorepo) pnpm vs npm vs yarn npm/yarn 采用了直接平铺的方式,而 pnpm 则是采用 .pnpm 隐藏目录隐藏真实的平铺结构,在使用链接(symbollink)的方式将真实安装的目录映射到 node_modules 下 参考链接(非常推荐):平铺的结构不是 node_modules 的唯一实现方式 天生支持 monorepo(workspace 特性,体验也比 lerna 或是 yar