×

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

WEBPACK

vue-elementui-admin框架介绍- [作者: 阳哥](vue-element-admin教程)

悠悠然 悠悠然 发表于2024-04-17 浏览36866 评论0
一:框架介绍** vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件。 集成方案: vue-element-admin 基础模板: vue-admin-template 二:环境准备 需要在本地安装 node 和 git。本项目技术栈基于 ES2015+、vue、vuex、vue-router 、vue-

WEBPACK

呕心沥血之react中使用vue组件 -- vuera

天才 天才 发表于2024-04-17 浏览6002 评论0
目录 前言 介绍vuera 补充vue环境 配置环境 其他项目 飞冰项目解决办法 报错解决  如何解决vue的ui库问题  前言         首先需求是领导要求咱融合两个项目, 一个是vue一个是react。 什么?重写?那不愣小子吗,费劲的事咱可不干。         于是乎,就有了这个呕心沥血(起码半升)的文章,读者诸君请继续往下看。 介绍vuera         这个组件是实现react与vue融合的关键,但是使用教程介绍太少,这篇文章主要就是对使用教程的

WEBPACK

【项目实战】Vue商城(vue商城项目讲解)

aruigr aruigr 发表于2024-04-16 浏览3867 评论0
1、vue 文件目录分析 vue create 项目名称目录分析public文件夹:静态资源,webpack 进行打包的时候会原封不动打包到 dist 文件夹中。 pubilc/index.html是一个模板文件,作用是生成项目的入口文件,webpack 打包的 js,css 也会自动注入到该页面中。我们浏览器访问项目的时候就会默认打开生成好的 index.html。 src文件夹(程序员代码文件夹) src/assets: 存放公用的静态资源src/componen

WEBPACK

vue脚手架搭建(vue脚手架搭建项目)

魔趣吧【wwwmoqu8com】 魔趣吧【wwwmoqu8com】 发表于2024-04-16 浏览4148 评论0
1.下载并安装node.js 先从node官网下载并安装node.js,安装node.js的作用就是利用npm资源管理器下载插件等。 官网地址: https://nodejs.org/en/ 把下载的.exe文件双击安装,一直下一步即可。 安装好的node试一下查看是不是安装成功,window键+r输入cmd进入系统管理器进入系统命令页面输入 node -v 检查是否安装成功 2.安装npm管理器 npm包管理器,是集成在node中的,所以安装了node也就有了npm,有了n

WEBPACK

Vue3.x使用Swiper Vue插件最新详细教程(包含修改swiper样式)

模板王【wwwmobanwangcom】 模板王【wwwmobanwangcom】 发表于2024-04-15 浏览5921 评论0
Vue3.x使用Swiper Vue插件最新详细教程(包含修改swiper样式) 简介 Vue和swiper版本: 安装Swiper 我这里通过npm i swiper -S来安装 参考Swiper官方文档链接:Getting Started With Swiper (swiperjs.com) 完整代码如下 可以直接写到你的组件当中,不需要从别的地方引入 <template> <div class="swiperbox"> &

WEBPACK

Vue大型项目之分模块运行/打包(vue多模块开发单独打包)

咿呀? 咿呀? 发表于2024-04-15 浏览6776 评论0
最近写的小项目比较多,而且都是差不太多的,每个项目创建个工程,多少有点不好维护,所以决定把他们放在一个项目下,以vue-cli3+为例,实现多系统集成下的分模块打包。分模块打包方式多种多样,可以适用于多系统之间互不干扰,主系统可集成各子系统,各子系统又可单独运行的业务场景。 一、创建projects目录 分模块打包,那么各个模块内就必须得有自己独立的入口文件,路由文件。按照这种构想,需要在一个新的脚手架src目录下新建了一个projects目录: 如上图,可以看到Bproject

WEBPACK

vue-element-admin--使用体验

AA飘凌 AA飘凌 发表于2024-04-15 浏览4970 评论0
原文网址:vue-element-admin--使用体验_IT利刃出鞘的博客-CSDN博客 简介 说明         本文用示例介绍vue-element-admin的用法。         vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助我们快速搭建企业级中后台产品原型。 官网网址 官网:ht

WEBPACK

angular2中proxy的使用(问题解决)[HPM] Error occurred while trying to proxy request 的一种情况

HT。 HT。 发表于2024-04-14 浏览5449 评论0
        最近在学习angular2框架,感叹angular出现的bug解决起来有点难(bushi),主要是国内使用angular较少,百度不出来,Google的话倒是能给点提示,但是英文看着很不舒服。这段纯属吐槽。接下来是我今天上午遇到的问题和解决方法。         之前成功的使用nginx反向代理实现了浏览器跨域访问。但是本地重新启动一个nginx服务来解决跨域问题显然并不是最优解。         于是今天尝试使用angular/cli中自带的webpack.proxy.se

WEBPACK

微前端qiankun使用+踩坑(微前端 qiankun)

造梦先生 造梦先生 发表于2024-04-14 浏览4683 评论0
什么是qiankun? 首先,qiankun 并不是单一个框架,它在 single-spa 基础上添加更多的功能。以下是 qiankun 提供的特性: 实现了子应用的加载,在原有 single-spa 的 JS Entry 基础上再提供了 HTML Entry 样式和 JS 隔离 更多的生命周期:beforeMount, afterMount, beforeUnmount, afterUnmount 子应用预加载 全局状态管理 全局错误处理 qiankun的使用 首先你需要一个基座

WEBPACK

vue.config.js简介(vueconfigjs配置)

品胜河南永城门店 品胜河南永城门店 发表于2024-04-14 浏览30486 评论0
Vue.config.js 前言 我们在创建一个vue项目的时候,vue-cli并不会帮我们创建vue.config.js。而我在写暑假考核的时候就用到了这个东西: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-W2aTpTUC-1604371001318)(C:\Users\15998\Pictures\Saved Pictures\vue.config.js.png)] 它其实是以一个可选的配置文件,如果项目中的根目录 (和 package.jso