随笔分类 -  vue

vue.js多页面开发环境搭建
摘要：利用 vue-cli 搭建的项目大都是单页面应用项目，对于简单的项目，单页面就能满足要求。但对于有多个子项目的应用，如果创建多个单页面，显示有点重复，特别是 node_modules 会有多份相同的。如果全部放到单页面项目下，又显得有点乱，这时候通过改造 vue-cli 搭建的项目为多页面，就是一个 阅读全文
posted @ 2019-04-23 21:06 lifefriend_007 阅读(2494) 评论(0) 推荐(0)
vue 自动化部署 jenkins 篇
摘要：前端项目打包部署，以前都是手工运行打包命令，打包结束后压缩，然后上传到服务器上解压部署。这种重复性的工作，确实有点让人烦，而且效率也不高。 本文基于 vue 的前端项目、 GitHub 的代码仓库，简述在 CentOS7 上利用 jenkins 实现自动部署。 一、安装插件 NodeJS Jenki 阅读全文
posted @ 2019-04-10 21:55 lifefriend_007 阅读(8730) 评论(0) 推荐(0)
vue-cli3 DllPlugin 提取公用库
摘要：vue 开发过程中，保存一次就会编译一次，如果能够减少编译的时间，哪怕是一丁点，也能节省不少时间。开发过程中个人编写的源文件才会频繁变动，而一些库文件我们一般是不会去改动的。如果能把这些库文件提取出来，就能减少打包体积，加快编译速度。本文主要讲述在 vue-cli3 中利用 DllPlugin 来进 阅读全文
posted @ 2019-03-05 20:14 lifefriend_007 阅读(8977) 评论(2) 推荐(1)
vue-cli3.0 升级记录
摘要：年三十时 vue2.6 发布，向 3.0 看齐，说明 3.0 不远了。作为开发者也应该为vue3.0 做点准备。首先是把 vue-cli 升级到 3.x ，在这记录下 vue-cli2.x 升级 vue-cli3.x 中遇见（将来）遇见的问题。 1、安装 vue-cli3.x 如果希望还保留 vue 阅读全文
posted @ 2019-02-25 22:01 lifefriend_007 阅读(7942) 评论(1) 推荐(0)
git 服务器搭建及提交代码检查
摘要：本地 git 服务，通常都会选择 gitlab。本人最先也是选择 gitlab，在 centos7 上按照官网的步骤进行安装，下载的速度难以忍受，无奈放弃。最终选择在 docker 中安装 gogs 镜像来自建 git 服务。 一、安装 gogs 1、拉取镜像 2、创建数据目录 3、创建窗口并运行 阅读全文
posted @ 2019-01-09 19:37 lifefriend_007 阅读(2384) 评论(0) 推荐(0)
vue 组件发布记录
摘要：好久没做独立的 vue 组件了，最近突然想把一个常用的 vue 组件打成一个 npm 包，方便使用。好久不用，发现已经忘记环境怎么搭建。翻看以前的组件，才慢慢回想起来，中间还出现些错误。在这记录下开发过程，以备忘。 一、新建工程 打成 npm 包的 vue 组件一般不会太复杂，当然如果是做一个 UI 阅读全文
posted @ 2019-01-08 19:54 lifefriend_007 阅读(460) 评论(2) 推荐(0)
vue-cli2 构建速度优化
摘要：对于使用 vue-cli 脚手架创建的前端项目，编译发布几乎是必需操作，有的编译只需要几秒钟，快如闪电，有的却需要好几分钟，慢如蜗牛。如果是线上进行热修复，那更是分秒必争，网页响应的速度直接影响了用户体验，用户不会那么有耐心长时间等着，让你慢慢编译。 网上流传 vue-cli 一些优化配置，有些在新 阅读全文
posted @ 2019-01-07 20:18 lifefriend_007 阅读(4244) 评论(2) 推荐(0)
Vue项目打包常见问题整理
摘要：Vue 项目在开发时运行正常，打包发布后却出现各种报错，这里整理一下遇到的问题，以备忘。 1、js 路径问题 脚手架默认打包的路径为绝对路径，改为相对路径。修改 config/index.js 中 build 节点下 assetsPublicPath，把原来 ‘/’ 改为 ‘./’ 2、img 路径 阅读全文
posted @ 2018-12-27 19:57 lifefriend_007 阅读(1244) 评论(0) 推荐(0)