Vue 3 项目构建与效率提升：vite-plugin-vue-setup-extend 插件应用指南
一、Vue3项目创建 前提是已安装Node.js（点击跳转Node官网） npm create vue@latest 这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示： ✔ Project nam...
vue系列之项目结构
参考地址：链接build webpack配置相关config webpack配置相关node_modules npm install 安装的依赖代码库src 存放项目源码static 存放静态资源.babelrc babel的一些配置，大部分浏览器是不能支持ES6的，所以通过babel转化成ES...
Git使用和Vue项目
1、创建git排除文件，.gitignore2、READEME.md 和 LICENSE开源协议git init 创建仓库 ， git status 查看文件状态红色文件表示未提交。git add . 把文件提交到暂存区git commit -m "init my project" 推送到本地...
Springboot+Vue项目-基于Java+MySQL的图书馆管理系统(附源码+演示视频+LW)
package com.controller;import java.util.Arrays;import java.util.Map;import org.springframework.beans.factory.annotation.Autowired;import org.springfra...
VUE项目使用.env配置多种环境以及如何加载环境
第一步，创建多个环境配置文件 Vue CLI 项目默认使用 .env 文件来定义环境变量。你可以通过创建不同的 .env 文件来为不同环境设置不同的环境变量，例如： .env —— 所有模式共用.env.local —— 所有模式共用，但不会被 git 提交，自动添加到.gitignore.env....
Springboot+vue的医药管理系统（有报告）。Javaee项目，springboot vue前后端分离项目。
演示视频： Springboot+vue的医药管理系统（有报告）。Javaee项目，springboot vue前后端分离项目。 项目介绍： 采用M（model）V（view）C（controller）三层体系结构，通过Spring + SpringBoot + Mybatis +Vu...
升级vue项目中的element-ui的版本
首先卸载项目中的element-ui命令为：npm uninstall element-ui安装更新最新的element-ui命令为npm i element-ui...
vue项目中，修改fabric默认操作
场景：fabricjs绘制的元素，默认点击鼠标左键即可自由移动元素。需要把操作改为，点击鼠标左键先选中元素，只有选中的元素，按住鼠标左键后才能移动 // 初始化canvasvar canvas = new fabric.Canvas('c');// 添加一个矩形元素var rect = new fa...
vue项目配置 域名和host.
在vue.config.js里面配置host属性为0.0.0.0,如下 0.0.0.0和127.0.0.1其实一样，都代表的是本机. win...
uniapp的h5项目 用命令起这个项目（vue-cli）
这里其实就相当于给uniapp h5套了一个vue-cli的壳（纯属个人感觉） 首先需要安装vue-cli 脚手架 npm install -g @vue/cli 然后创建项目（这里需要在hbuilder创建） vue create -p dcloudio/uni-preset-vue uniapp...
打包Vue项目出现Elementui加载不出来图标
element ui显示不出来图标，可以进行对build下的utils进行配置，如图关于elementui样式出现不出来，可以将导入的顺序进行调整，放到router上边我的出现了以上问题进行了解决。...
Springboot+ Vue-element-admin前后端分离的 项目打包部署过程记录
一、开发环境先进行打包如果你使用的是maven来管理项目，执行以下命令既可以cd 项目跟目录（和pom.xml同级）mvn clean package或者执行下面的命令 排除测试代码后进行打包（正式环境使用）mvn clean package -Dmaven.test.skip=true打包完成后...
Vue项目打包成安卓APP
概述：普通vue项目如何成安卓apk安装包第一步：项目目录 config文件夹–>index.js里面的两处assetsPublicPath，把 ‘/’ 改为 ‘./’第二步：通过npm run build 指令打包vue项目到dist文件夹里面第三步：通过HBuilderX工具5+App的默...
利用vue + electron将web项目打包成桌面应用
一、背景最近公司需要将已经做好的vue项目，打包成桌面应用程序。去网上找了些资料，用的是比较简单的一种。当然了，还有其他的方法，比如说基于electron-vue脚手架。但是当前首要的是出成果，所以就用第一种方法。 二、讲重点具体的流程，参考：https://blog.csdn.net/m0_376...
vue项目 菜单侧边栏随着右侧内容盒子的高度实时变化
测试的时候发现，在选择模板、选择产品第二步第三步的时候。如果超出两行的话会盖住看不见，（因为高度所有统一都被写死了，又加了overflow~emmm~）所以要改成走马灯形式。如图： 那么问题来了，我步骤1选择产品和步骤2选择模板是同一个页面，只是父元素下的dom修改了而已。侧边栏是需要跟着右侧内容盒...
vue项目发布到github上，到线上预览
前言：从你一个本地的html文件到一个github https可访问的（https://hollowshun.github.io/pc/dist/index.html）页面。1.前提有github，没有的注册一个（基本操作和gitlab,gitee,差不多一样）2.你有一个html，或一个项目，或...
从零开始创建初始化一个vue2的项目
对于前端小白甚至是没怎么接触过前端的小伙伴们，这篇关于vue2入门的文章，正是为你量身定做，好了，废话不多说mm~我的电脑需要安装一些乱七八糟的软件么？NO！！你只是要安装node中的npm包管理器，那么，该怎么安装呢？打开https://nodejs.org/en/download/ 这个网址， ...
vscode 搭建Vue项目及引入elementUI
vscode 搭建Vue项目及引入elementUI1.全局安装vue-cli(快速构建Vue项目)命令：npm install -g vue-cli2.安装webpack（打包）命令：npm install -g webpack3.创建文件夹存放项目命令：vue init webpack myVu...
idea中关闭Vue项目中ESlint检查
关闭Vue项目中ESlint检查在使用idea编写项目时很多人有着随手按ctl+alt+L（代码格式化）的习惯，但这一习惯在写vue项目是缺不是什么好习惯了，因为这一按下去，那么满页面都是红色警告了，因此在此分享在idea中如何关闭ESlint检查方法file ==> settings ==&...
阿里云服务器项目部署docker-compose+vue+redis+nginx+minio+springboot
1 阿里云服务器项目部署-单机部署 docker-compose 1.1 搭建背景 服务器 阿里云服务器 前端 vue 后端 springboot 服务 redis 、nginx、minio 都做单机模式部署,不做集群部署 博客内容参考了其他博文，会贴出来 1.2 <重要>端口开放前提说...