目录  前言 一、环境要求 1、node安装（前端开发环境） 2、vue-cli脚手架安装（脚手架一键搭建项目） 二、创建一个项目 1.vue create 2、选择Vue3模板并确定  3、等待项目创建和依赖下载  4、创建完成 ,进入目录，启动项目 ：cd portal ;npm run serve    5、浏览器查看项目 ：ctrl+单击网址 ​编辑 ​编辑  6、这是项目目录，到这里我们就创建了一个vue3的demo项目了，但是这还远远不够，接下来我们还需要集

最近接二开的项目当中，客户要求页面上有下载excle模板的按钮，并提供输入数据的基本模板 本来项目中一些数据量较大的导出确实是后台来做的。但是有些数据较少的，比如这种只是模板的excle表生成，前端也是可以来实现的。 项目本来用的是xlsx实现的导出，但是这个插件只支持基本的数据导出，不支持样式的修改，所以这里又安装了xlsx-style和 file-saver的依赖 npm install xlsx --save npm install xlsx-style --sav

前端权限管理的意义： 1、降低非法操作的可能性 2、尽可能排除不必要的请求，减轻服务器的压力 3、提高用户体验 前端权限控制的思路： 1、菜单控制：在登录请求当中，会得到权限数据，权限需要在多个组件之间共享，所以可以通过vuex保存数据并且展示相应的菜单，页面刷新的情况下会丢失数据，所以把权限数据存入sessionStorage中。 2、界面控制：如果用户没有登录，手动输入url地址，应该阻止并跳转到登录页面，通过路由导航守卫来实现。动态路由可以让不具备权限的界面在路由规则中不存在

一、根据vite+vue3+ts项目搭建的项目,此时的目录结构如下： 二、集成vue-router、axios封装、sass、element-plus及icon 一、配置别名（先安装@types/node） npm i @types/node -D 1、vite.config.ts 配置别名，代码如下 import { resolve } from 'path' resolve: { // 配置别名 alias: { '@': resolve(

第一种方案： 一、安装vant npm i vant -S 二：导入vant包 在Vue项目的main.js文件中写入如下代码 import Vant from 'vant'; import 'vant/lib/index.css'; Vue.use(Vant); 注意：可能会遇到版本兼容的问题，此时运行项目会报黄 你会发现项目跑不了了 应该： 1、先卸载掉vant npm uninstall vant 因为可能会产生依赖冲突，所以一般会在后面加上 -f 强制

最近做的毕设用到了cesium，这里给大家总结一下vue如何结合cesium 首先确定你使用的脚手架，vue-cli还是vite 插件 | Vite 官方中文文档 (vitejs.dev) 如果是vite，那么只需要在官方文档中找到社区插件，然后找到cesium安装即可使用 如果你是用vue-cli(大部分还是使用这个)，有三种方式可以引入cesium （注意：该方法对应的是vue2+vue-cli4） 最后可能，CDN的引入方法才最适合你的，有的时候不要死磕，时间成本很

简介 webpack 的 output.libraryTarget 有多种参数，每种参数都会影响最终编译后的文件。笔者在下文中，将结合实际编译完成后的文件，介绍 libraryTarget 对源代码的实际影响。 前言 webpack 官方文档将 libraryTarget 主要分为三类： Expose a Variable: 暴露为一个变量 Expose Via Object Assignment: 通过对象属性暴露 Module Definition Systems: 模块定义系

一、背景 要了解WorkboxWebpackPlugin，首先需要说两个概念：第一个是ServiceWorker,第二个是PWA。ServiceWorker 本人写了一篇浅谈，大家可以先看一下。关于PWA,网上的讲解也很多，大家看完ServiceWorker，就知道ServiceWorker其实是基于WebWorker的一门技术。而PWA，就是基于ServiceWorker的一门技术。 二、PWA 什么是PWA 大家都知道Native app体验确实很好，下载到手机上之后入

目录 1.前言 2.初始化项目 3.配置基础版react+ts环境 4.常用功能配置 5.配置react模块热替换 6.优化构建速度 7.优化构建结果文件 8.总结 全文概览 一. 前言 从2020年10月10日，webpack 升级至 5 版本到现在已经快两年，webpack5版本优化了很多原有的功能比如tree-shaking优化，也新增了很多新特性，比如联邦模块，具体变动可以看这篇文章阔别两年，webpack 5 正式发布了！。 本文将使用最新的webpack5一步一步从零搭

 vue3出来了，想尝鲜首先想到的依然是element。 一上来就遇到如何自定义主题色的问题。 element-plus官网给了两个示例，完整引入的和手动引入的，唯独缺了自动引入的。 整了好些天才整出来一个解决方法供大家参考，避免踩坑。 安装依赖 # sass npm install -D sass # element-plus官方文档中自动引入所需的两个依赖 npm install -D unplugin-vue-components unplugin-auto-import  

1.1 node概述 什么是node node是一个JS运行环境 浏览器也是一个运行环境，JS代码写好之后需要放到浏览器里面去运行，脱离了浏览器是没有办法运行的，现在不仅浏览器能运行JS，Node也能运行Js。 他比浏览器拥有更多能力 浏览器中的JS Javascript 能写Ecmascript （例如es6，es7，es2016 …）和Ecmascript i （dom操作，bom 操作 …） Web Api 提供了操作窗口的能力 BOM DOM AJA

vue中img标签的src属性的使用 初步接触vue框架时,好多朋友使用img标签时,设置动态src属性时,可能都会遇到路径不生效的问题,咱们废话不多说,开整!!! img标签引用资源图片 一般不需要webpack处理的资源放在static,需要经过处理的放在assets 1.不需要webpack处理的图片放在static 不需要webpack处理的图片,直接使用绝对路径调用图片,如"/static/xx/xxx.png" 栗子 html代码 <img v-bind:sr