资讯专栏INFORMATION COLUMN

前端自学笔记 - 第二篇(vuePress自动部署 & 后台项目自学)

zzzmh / 3578人阅读

摘要:今天部署好了项目,现在写好了博客页面,只要一提交,会自动打包并且部署如果部署失败,还会发送邮件提醒。但今天为了自动化部署项目,挂了三四十次了,真是惨不忍睹。。。而这第二个项目,将会是第一个的深入。

长期更新前端自学笔记,欢迎关注

前端自学笔记 - 第一篇(nginx/flutter/后台系统/vuepress博客)

一、jenkins自动部署vuePress博客项目 自动化部署项目demo链接

http://blog.flutterweb.cn

jenkins自动部署的好处

本地代码推动到git仓库后,jenkins能完成后续部署事项,减轻工作量,比如,项目自动打包,自动项目部署到静态服务器,部署情况邮件通知。

tip:

今天部署好了vuepress项目,现在写好了博客页面,只要vscode一提交,jenkins会自动打包并且部署;如果部署失败,还会发送邮件提醒。爽的不行!

教程推荐

Jenkins打造强大的前端自动化工作流:

https://juejin.im/post/5ad198...

jenkins配置邮件通知(上篇教程虽然有,建议用这个):

https://www.cnblogs.com/imyal...

部署过程中的坑

vuepress 配置要注意,对于脚本的理解很重要,不然坑很大。
vuepress的dist目录比一般的项目要多两级,因而配置稍稍不一样。
贴图感受下:


    send build artificial over SSH, 参数说明:
    
    Name:选择一个你配好的ssh服务器
    
    Source files :写你要传输的文件路径
    1. 特别注意,起始目录是根目录 "/"
    2. 如果mobx项目下面,打包后目录是build,则
    
        a. source files: build/build.tar.gz
    
        b. Remove prefix: build/
    3. 如果mobx项目下面,打包后目录是build/docs/dist,则
    
        a. source files: build/docs/dist/build.tar.gz
    
        b. Remove prefix: build/docs/dist/

另外,购买服务器时,大家还是买阿里云吧,最好配置高点。

我买的是腾讯云服务器,价格便宜。但今天为了自动化部署项目,jenkins挂了三四十次了,真是惨不忍睹。。。

二、后台管理系统学习进度 两周左右学完了简单的后台项目

项目地址:

Vue + Element UI 实现权限管理系统 前端篇:https://www.cnblogs.com/xifen...

收获

了解了登陆流程,语言国际化,自定义皮肤

动态加载菜单、权限管理是重点也是难点

mock使用了自己服务器搭建的yapi ,还算是稳定

刚好最近公司在上一个后台项目,自己也有参与。这套教程不但帮助自己快速入手项目,而且偶尔能帮同事答疑。

对于element ui各个模块用法及参数理解更透彻,过程中不断才坑,不断积累经验

最难的后台项目学习计划:下两周慢慢搞定

项目地址:

手摸手,带你用vue后台:
https://juejin.im/post/59097c...

第一个项目教程非常详细,简单快速的对于后台项目框架有了整体的思维。

而这第二个项目,将会是第一个的深入。当然如果能够搞定,收获也将会很大。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106663.html

相关文章

  • 自学大数据前,零基础,三个月,找到一份测试工作

    摘要:我之前提到过自己在自学大数据前在朋友的帮助下,利用三个月的时间,找到了一份测试的工作,今天我就好好讲讲,在这三个月自己都做了那些事情。接下来后面的路就比较顺畅了,遇到问题就先百度,把问题解决后,再去总结,查书和在网上查资料。 ...

    Mertens 评论0 收藏0
  • 全栈开发自学路线

    摘要:前言这里筑梦师是一名正在努力学习的开发工程师目前致力于全栈方向的学习希望可以和大家一起交流技术共同进步用简书记录下自己的学习历程个人学习方法分享本文目录更新说明目录学习方法学习态度全栈开发学习路线很长知识拓展很长在这里收取很多人的建议以后决 前言 这里筑梦师,是一名正在努力学习的iOS开发工程师,目前致力于全栈方向的学习,希望可以和大家一起交流技术,共同进步,用简书记录下自己的学习历程...

    galaxy_robot 评论0 收藏0
  • 全栈开发自学路线

    摘要:前言这里筑梦师是一名正在努力学习的开发工程师目前致力于全栈方向的学习希望可以和大家一起交流技术共同进步用简书记录下自己的学习历程个人学习方法分享本文目录更新说明目录学习方法学习态度全栈开发学习路线很长知识拓展很长在这里收取很多人的建议以后决 前言 这里筑梦师,是一名正在努力学习的iOS开发工程师,目前致力于全栈方向的学习,希望可以和大家一起交流技术,共同进步,用简书记录下自己的学习历程...

    Scorpion 评论0 收藏0

发表评论

0条评论

zzzmh

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<