1、路由懒加载，这个基本上每个项目必须。 2、Ui框架按需引入，也就是要用哪些组件引入哪些组件 3、关闭Map文件的生成，没关闭的vue项目打包后就会有很多的.map文件。这些文件主要是帮助我们线上调试代码，查看样式。脚手架2是在index.js。脚手架3就vue.config.js里面。将productionSourceMap 改为false。 4、使用cdnweb
转载
2023-12-20 01:05:01
42阅读
开发环境：后端：开发语言：Java框架：springboot，mybatisJDK版本：JDK1.8数据库：mysql 5.7+数据库工具：Navicat11+开发软件：eclipse/ideaMaven包：Maven3.6前端：nodejs，vue数据库：mysql------------------------------------------------------------------
转载
2024-07-25 11:06:50
38阅读
前言： GitHub上我开源了vue-cli、vue-cli3两个库，文章末尾会附上GitHub仓库地址。这次把2.0的重新写了一遍，优化了一下。然后按照2.0的功能和代码，按照vue3.0的语法，完全重写了一遍。虽然名字叫cli，其实两个库都是基于vue-cli创建的。做这个的目的是为了工作中快速启动项目，毕竟切片打包、less、axios、vuex、router、UI框架、基础文件目录、权限
转载
2024-06-23 11:01:48
104阅读
安装nodejs导入vue代码运行 npm i 命令获取需要执行的资源包运行 npm run serve 以nodejs 作为一个服务启动npm run build 打包成文件上传到服务器
原创
2022-12-05 15:26:07
277阅读
表现层store/ – Vuex 状态管理router/ – 前端路由view/ – 各个业务页面component/ – 通用组件业务层ser...
原创
2022-03-03 09:36:44
547阅读
目录 前言项目目录Api后端接口公共Helpersevice 网络请求封装（axios封装）utils工具类main.js webpack入口文件使用方法前言接触Vue已经有几年了，每次新建项目都有一些新奇的想法，之前分享过一篇Vue中使用Axios拦截器（拦截请求与相应），由于我最近的项目需要长期维护，所以不能再向小项目那种方式创建前端架构了，需求需要方便维护、高扩展性，但不是说我最初
转载
2023-11-27 07:53:36
64阅读
vue.js是一套构建用户界面的渐进式框架。vue采用自底向上增量开发的设计。vue的核心库只关心视图层，非常容易学习，非常容易与其它库和已有项目整合。vue完全有能力驱动采用单文件组件和vue生态系统支持的库开发的复杂单页应用。vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。 总体框架一个vue-cli的项目结构如下，其中src文件夹是需要掌握的，所以本文也重点讲解
一、创建EC2示例（如果已创建则跳过）1）打开 Amazon EC2 控制台，点击EC22）启动实例3）在 Instance type（实例类型）下，选择 t2.micro。4）创建密钥对5）启动实例。二、创建MySQL数据库实例1）打开 Amazon 控制台，点击 RDS2）一次配置即可3）点击创建数据库，创建之后即启动成功。三、连接MySQL数据库1）进入MySQL实例2）
转载
2024-06-07 11:00:57
75阅读
springboot后端部署1.前提条件 可执行的springboot源码文件,Linux服务器,写好的vue前端项目2.执行步骤 a. 打开springboot项目中的配置文件application.yaml b.配置服务器端口号 c.将springboot后端项目打包d.在springboot文件中找到刚才对应的jar包e.使用xshell上传到本地服务器(在想要存放对应文件目录中使用rz或者
转载
2023-10-15 06:55:02
133阅读
**一、总结一下vue项目的总体结构以及vue项目常用的一些插件和一些项目技巧。** ** 从现在做的几个vue项目上来看，总的来说，一次比一次有进步，项目的结构一次比一次更清晰和更有层次化。这当然是从很多的开源项目上学习到的，从中学习到他们在宏观上是怎样去策划项目的架构的，从微观上他们是如何去编写优质
转载
2023-08-31 22:36:42
104阅读
最后生成的项目目录结构1. build 文件夹：如上图，这个文件夹主要是进行webpack的一些配置，就我个人觉得啊~对我们最有用并且可能会使用的就是webpack.base.config.js、webpack.dev.config.js、webpack.prod.config.js三个webpack的配置文件，分别是基本webpack配置、开发环境配置、生产环境配置。实际上这些文件里面的内容，一
转载
2023-12-12 11:38:00
137阅读
vue.js学习笔记(一)——vue-cli项目的目录结构 vue.js是一套构建用户界面的渐进式框架。vue采用自底向上增量开发的设计。vue的核心库只关心视图层，非常容易学习，非常容易与其它库和已有项目整合。vue完全有能力驱动采用单文件组件和vue生态系统支持的库开发的复杂单页应用。vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。 总体框架一个vue-cli的项
转载
2023-07-29 23:05:34
2193阅读
点赞
执行 vue init webpack my-project 后，项目结构如下图： 目录解析如下：
转载
2023-07-06 13:35:19
85阅读
1.项目概述1.功能模块电商后台管理系统大致可以分为以下几个功能模块：用户登录，退出登录用户管理权限管理
角色列表权限列表商品管理
商品列表分类列表参数管理订单管理数据管理2.开发模式采用的开发模式是前后端分离的开发模式。其中前端项目是基于Vue技术栈的SPA(单页面应用)项目。前端技术栈主要有：vuevue-routerElement-UIAxiosEcharts后端技术栈主要有：N
【背景】并非权威，可能有错漏，欢迎指正！不胜感激！）【内容】Vue项目新建有多种方式，我这里选用的是使用模板创建，因为模板默认集成了很多项目中必用的东西，所以采用了这种。1、Windows+R，输入“cmd”打开cmd窗口或直接在需要新建项目的目录地址栏里输入cmd，然后回车，即可进入当前目录的cmd窗口。2、在cmd窗口里输入“vue init webpack 项目名”后回车开始新建Vue项目。
转载
2024-06-09 08:32:52
171阅读
一、安装Node环境具体请参考：http://www.dinganan.cn/nodej安装和配置/二、搭建vue项目环境 1、全局安装vue-cli npm install --global vue-cli 2、进入你的项目目录，创建一个基于 webpack 模板的新项目: vue init webpack 项目名 说明： Vue build ==> 打包方式
转载
2024-02-18 07:58:52
157阅读
关于组织架构图，效果图如下：之前我是用jq写过一个组织架构图，文章链接如下：当时是用的jOrgChart当时对jOrgChart不是很熟，因此在写的时候遇到了很多问题，虽然最终实现了功能，但并不完美。今天在看不同的后台管理系统框架，看到了iview-vue，在这个框架中看到了组织架构图，进而知道了vue-org-tree这个插件，可以实现vue版本的组织架构图。简易版效果图如下： 我从网上找到一个
转载
2023-10-30 16:10:43
217阅读
Vue思维导图目录MVC与MVVM的区别Vue基本代码结构Vue指令Vue组件class和style动态绑定computed计算属性EventBusfilter过滤器方法Vue是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。（Vue有配套的第三方类库，可以整合起来做大型项目的开发）MVC 与MVVM的区别MVC是后端的分层开发概念；MVVM是前端视图层的概念
转载
2024-01-16 20:45:07
115阅读
一、介绍本文是基于 https://github.com/PanJiaChen/vue-admin-template 的模版进行搭建。在模板基础上的搭建过程中，提出以下可能遇到的问题：1、如何mock接口数据？大家都知道前后端开发速度不一定一致，有时候前端开发比较快，这个时候可以先进行mock数据进行测试。这个模板已经有mock例子了，因此下面会简单以mock菜单为例子做演示。
转载
2024-10-25 08:37:14
47阅读
# Vue项目微架构实现指南
## 1. 流程概述
| 步骤 | 描述 |
| --- | --- |
| 1 | 创建Vue项目 |
| 2 | 安装Vue插件和库 |
| 3 | 设计项目目录结构 |
| 4 | 创建组件 |
| 5 | 编写组件逻辑 |
| 6 | 集成全局状态管理 |
| 7 | 集成路由 |
| 8 | 集成网络请求 |
| 9 | 构建和打包项目 |
## 2.
原创
2023-08-01 15:15:27
68阅读
