前话：我只是个自学到工作的小菜鸟，如果有大佬有更好的方法，希望不吝赐教。1.电脑环境node版本14.20.0   vue-cli4.4.0(如果你的项目是vue-cli5版本（即webpack5）的会有很多问题，解决办法写在后边)这是我用到的三个插件的版本，自行安装，版本请保持和我一致。【我发布了oh-my-toolsnpm包，也可以直接下载包使用，npmioh-my-tools,然后使用】 "file-saver":"^2.0.5",  "xlsx":"^0.16.9",  "xlsx-style-medalsoft":"^0.8.13"2.下边直接贴代码，复制能直接使用，完全二百五都能用

什么是MonacoEditor？​微软之前有个项目叫做MonacoWorkbench，后来这个项目变成了VSCode，而MonacoEditor（下文简称monaco）就是从这个项目中成长出来的一个web编辑器，他们很大一部分的代码（monaco-editor-core）都是共用的，所以monaco和VSCode在编辑代码，交互以及UI上几乎是一摸一样的，有点不同的是，两者的平台不一样，monaco基于浏览器，而VSCode基于electron，所以功能上VSCode更加健全，并且性能比较强大。官方文档：MonacoEditor也可以在它提供的Playground玩一会：MonacoEdito

前言：后端使用SpringBoot框架，前端使用Vue框架，做一个前后端分离的小项目，需求：实现一个表格，具备新增、删除、修改的功能。目录一、数据库表的设计二、后端实现环境配置数据处理-增删改查model层mapper层XML配置Service层controller层单元测试三、前后端交互配置vite.config.ts文件配置创建axios实例 业务请求四、前端实现环境配置Main.vueinterface接口五、效果展示六、总结一、数据库表的设计设计了一个merchandise表，id是编号，唯一的，类型为int，category是一级类别，type是二级类别，name是商品的名称，sum

vue使用vue-json-viewer展示JSON格式数据1、安装vue-json-viewer插件2、引入插件并注册2.1全局注册组件2.2单个页面局部引入3、插件的基础使用4、插件可选配置说明4.1选项4.2事件4.3Slots4.4主题5、实现效果1、安装vue-json-viewer插件npminstallvue-json-viewer--save官网地址：https://www.npmjs.com/package/vue-json-viewer2、引入插件并注册2.1全局注册组件在全局main.js中引入，在main.js文件中添加：importJsonViewerfrom'vue

1.首先从uniapp官网下载vue3版本+ts的模板2.安装vant微信小程序版本npmi@vant/weapp3.在项目src目录创建wxcomponents文件夹，在wxcomponents文件夹下创建vant文件夹4.从node_modules文件夹下的@vant文件夹里面的weapp，weapp下的dist文件夹，将dist文件夹里面的文件复制到/wxcomponents/vant5.全局引用  在pages.json文件 ，  "globalStyle":{} 属性下加入以下片段，可按需引入具体需要全局引入的组件，引入规则如下：注意引入路径需要改一下，改成正确的路径，如/wxcom

文章目录0、安装docker并准备一个springboot-vue前后端分离项目前后端打包放到服务器上1、docker安装jdk2、docker安装mysql通过Docker命令进入Mysql容器内部初始化数据sqlDbx连接查看3、dockerbuild构建后端镜像修改配置数据库JDBC链接IP为虚拟机服务器IPmavencleanpackage打包后端jar并上传到服务器编写Dockfilebuild构建查看构建的后端镜像app4、dockerrun运行后端镜像查看运行容器app日志java.net.NoRouteToHostException:Noroutetohost(Hostunre

基于微服务+Java+SpringCloud+Vue+UniApp+MySql开发的智慧工地管理源码，SaaS模式。 一、智慧工地概念智慧工地就是互联网+建筑工地，是将互联网+的理念和技术引入建筑工地，然后以物联网、移动互联网技术为基础，充分应用BIM、大数据、人工智能、移动通讯、云计算、物联网等信息技术，通过人机交互、感知、决策、执行和反馈等，实现对工程项目内人员、车辆、安全、设备、材料等的智能化管理。智慧工地是指通过信息化技术、物联网、人工智能技术等手段，对建筑工地进行数字化、智能化、网络化升级，实现对施工全过程的实时监控、数据分析、智能管理和优化调控。智慧工地的建设可以提高工地的安全性、

一、简介vue-devtools是一款基于chrome游览器的插件，可以用于调试vue应用，也可以用来辅助我们找到各页面对应的Vue.js文件路径，这将极大地提高我们的开发和调试效率。二、下载下载路径：https://github.com/vuejs/vue-devtools将下载好的文件夹放在任意磁盘下三、安装方法一前提：先安装好node和npm打开cmd，进入devtools-main的目录之下，执行命令npmrunbuild进行vue-devtools的安装若出现上图的情况，则更先执行命令npminstall-glerna再次执行命令npmrunbuild，发现又报错了，有些报错是因为n

vue3警告Extraneousnon-emitseventlisteners(selectMeth)werepassedtocomponentbutcouldnotbeautomaticallyinheritedbecausecomponentrendersfragmentortextrootnodes.Ifthelistenerisintendedtobeacomponentcustomeventlisteneronly,declareitusingthe“emits”option.之所以出现这个警告，是因为在子组件向父组件发送自定义事件的时候，没有使用“emits”选项声明它。这里使用两

这里我们先假设：静态文件目录：src/assets/images/我们的目标静态文件在： src/assets/images/home/home_bg.png 通过require动态引入，发现报错：requireisnotdefind，这是因为require是属于Webpack的方法第一种方式（适用于单个资源文件） importhomeBgfrom'src/assets/images/home/home_bg.png' 第二种方式（适用于多个资源文件，动态传入文件路径） newURL()+import.meta.url 在src目录下创建一个util文件夹，文件夹里创建一个utils.ts文件