Vue企业级优雅实战
文章平均质量分 90
程序员搞艺术
这个作者很懒,什么都没留下…
展开
-
Vue企业级优雅实战07-框架开发03-封装基于MockJS的模拟数据
预览本文的实现效果:# giteegit clone git@gitee.com:cloudyly/dscloudy-admin-single.git# githubgit clone git@github.com:cloudyly/dscloudy-admin-single.gitgit checkout 05_MockJS本文主要内容:基于 Mock JS,优雅设计网络请求的模拟数据。Git 本地仓库切换新分支:git checkout -b 05_MockJS确认分支:git原创 2020-10-20 08:52:44 · 237 阅读 · 2 评论 -
Vue企业级优雅实战06-框架开发02-封装基于Axios请求
预览本文的实现效果:# giteegit clone git@gitee.com:cloudyly/dscloudy-admin-single.git# githubgit clone git@github.com:cloudyly/dscloudy-admin-single.gitgit checkout 04_Axios本文主要内容:使用 Axios 进行网络请求,并进行二次封装。Git 本地仓库切换新分支:git checkout -b 04_Axios确认分支:git br原创 2020-10-20 08:52:04 · 460 阅读 · 0 评论 -
Vue企业级优雅实战05-框架开发01-登录界面
(后续的文章 公众号会提前一周更新,欢迎关注文末的微信公众号:程序员搞艺术)预览本文的实现效果:# giteegit clone git@gitee.com:cloudyly/dscloudy-admin-single.git# githubgit clone git@github.com:cloudyly/dscloudy-admin-single.gitgit checkout 03_LoginPage经过前面的一系列准备工作,现在终于进入到框架基础功能及组件的正式开发阶段!我会从登录原创 2020-09-16 15:41:02 · 669 阅读 · 0 评论 -
Vue企业级优雅实战04-组件开发01-SVG图标组件
(后续的文章 公众号会提前一周更新,欢迎关注文末的微信公众号:程序员搞艺术)预览本文的实现效果:# giteegit clone git@gitee.com:cloudyly/dscloudy-admin-single.git# githubgit clone git@github.com:cloudyly/dscloudy-admin-single.gitgit checkout 02_SVGIcon本文主要描写如何让 Vue 工程支持 SVG 图标,以及如何获取 SVG 图标。Git原创 2020-09-05 16:33:28 · 343 阅读 · 0 评论 -
Vue企业级优雅实战03-准备工作04-全局设置
(后续的文章 公众号会提前一周更新,欢迎关注文末的微信公众号:程序员搞艺术)本文包括如下几个部分:初始化环境变量文件JS 配置文件初始化:如是否开启 Mock 数据、加载本地菜单、URL 请求路径等;国际化文件初始化:初始化国际化文件的结构;整合 Element UI: 将 Element UI 添加到工程中;全局样式初始化:初始化全局样式、通用样式。1 切换新分支1.1 查看分支1、 仅查看本地分支:git branch本地分支信息:s-MacBook-Pro dscloud原创 2020-08-26 16:38:36 · 311 阅读 · 0 评论 -
Vue企业级优雅实战02-准备工作03-提交 GIT 平台
代码管理、版本管理是件老大难的事情,尤其多人开发中的代码冲突、突击功能时面临的 hotfix 等。本文只是简单说说如何将一套代码提交到两个 Git 平台(GitHub、GitEE)上。其他的 Git 操作:如本地 commit、远程 push、pull、开启新分支、分支合并等操作,再后面的文章中都会有操作 —— 每一个功能点我都会开启一个新分支。1 初始化本地 Git 仓库1.1 初始化仓库将本地一个目录初始化为本地 git 仓库的命令是:git init由于咱的工程是通过 vue-cli 创建原创 2020-08-25 11:22:05 · 410 阅读 · 0 评论 -
Vue企业级优雅实战00-准备工作01-开篇碎碎念
从2018.1.开始参与了多个企业的中台建设,这些中台的技术选型几乎都是基于 Spring Cloud 微服务架构 + 基于 Vue 全家桶的前端。我前后端架构及开发我几乎各占一半的精力,在企业级前端开发中有一些心得体会:从使用组件库,到二次封装组件库、命令行加速器,再到业务开发。多个项目中发现有很多可复用或重复的内容,于是今年年初便着手搭建一套基础开发框架。这套基础开发框架包括了一个中后台的通用功能,如 认证授权 (我使用 Spring Security + OAuth2 + JWT,前后端授权、服务之原创 2020-08-22 15:40:38 · 319 阅读 · 1 评论 -
Vue企业级优雅实战01-准备工作02-初始化工程
1 环境准备1.1 安装 Node JS在官网下载 Node JS 最新稳定版进行安装,安装完成后分别输入命令 node -v 和 npm -v 查看 node 版本与 npm 版本。无论是 NodeJS 还是 Vue-Cli,都不建议版本低于我的,我的版本信息如下:MacBook-Pro ~ % node -vv10.15.3MacBook-Pro ~ % npm -v6.14.61.2 安装 Vue-Cli 4npm install -g @vue/cli安装完成后,使用命令 vu原创 2020-08-23 15:28:48 · 257 阅读 · 0 评论