偶然看到一个介绍使用GitHubAction做的百度贴吧自动签到,然后一路顺藤摸瓜看到了阮一峰大神写的GitHub Actions 入门教程中介绍,示例中介绍了把React项目发布到GitHub Pages,我就想能不能把vue的项目发布到GitHub Pages呢(主要是不会React)。 说干就干。
Azure 静态 Web 应用是一种服务,可从 GitHub 存储库自动构建完整的堆栈 Web 应用,并将其部署到 Azure,目前它还是预览版。
感谢 其实非常感谢阮一峰老师给予的帮助 作用 我的理解actions 与grunt相似,都是对代码进行任务分解形成一个工作流,简单的说可以实现git上面的代码测试,打包,发布 jenkins区别 个人感觉jenkins功能更加强大一点,支持的场景更多,毕竟一个是基于git而jekins是整个工具链 流程演练 本地 执行 vue ui 新建一个vue项目 添加git action默认文件夹考过去就能用 github.com/fodelf/gitA…(里面是actions核心执行文件) 在package.j
这一期阅读的是 Vue3 源码中的 script/release.js 代码,也就是 Vue.js 的发布流程。在上一期源码阅读中从 .github/contributing.md[1] 了解到 Vue.js 采用的是 monorepo 的方式进行代码的管理。
首先,我们的电脑上要有安装git,并且得在vscode里面可以使用git命令,检测是否有安装成功可在vscode的终端里面直接输入
也许你肯定熟悉github-page ,并知道github支持自定义域名,前提是你新建了这样的一个同名git项目,名称是你的git用户名 ,格式是这样的name.github.io,然后可以通过name.github.io/proname访问到其他的项目。
与人,请注意说话的语气,关心的话就温柔着来,开玩笑的话就嬉闹着来,正事就严肃着来。在亲人、情侣之间最常见的误会:明明是关心,出口便特别冲,满是愤怒的语气。
如下图所示,根据需要配置构建信息 添加github的Token到环境变量中,用户名,邮箱也可添加进去,这样配置文件中就可以使用了 生成Token见步骤5.注意:配置私密的环境变量时一定要加密,因为会显示在日志中且能够被他人看到
参加实习以后,开始接触多人协作开发工具,前期主要是svn,现在工作中已经全面使用git。公司的项目目前放在gitlab上,所以平时涉及的操作比较简单,加之之前svn时一直使用gui感觉不容易理解各个操作的精髓(其实就是不够装逼~),所以切换到git时,我使用的是命令行。但是真正的在工作之余,想要膜拜,学习,参与到其他的项目当中,我们就不得不用到github。我们不深究github与gitlab的区别,在这里我主要记录一下自己学习github的一些使用心得。
在 Linux(Ubuntu/Fedora)和 MacOS 下的 JavaScript 开发环境设置步骤:
其实很简单就是拿来主义。首先你要知道有哪些工具可以搭建博客;然后你可通过搜索引擎搜索官方文档,动动手指就可以本地运行起来。但是运行起来的只是个 demo ,你的要求肯定不仅限于此。
使用upload组件完成图片上传 在element.js中引入upload组件,并注册 因为upload组件进行图片上传的时候并不是使用axios发送请求 所以,我们需要手动为上传图片的请求添加token,即为upload组件添加headers属性
在文件大小的问题上,Lighthouse 已经给了比较详细的优化方法,比如控制图片大小、减少冗余代码等等,可以在项目打包的时候,使用可视化的插件来查看包大小的分布。
一般来说,使用 Jenkins 可以完成整个 CI/CD 的操作,之前关于源码下载、镜像构建、镜像推送等操作都只能算是 CI 的步骤,而这篇文章就来分享一下使用 Jenkins 完成一系列包括构建和部署的操作,同时记录一下我对 Publish Over SSH 插件的用法的理解。
官方以及第三方提供的actions 都收集在这里 Marketplace Actions
不管什么语言,基本都可以使用这个打包流程,将官方镜像打包推送到私有镜像仓库个人认为是必要的,不然如果一旦远端的镜像失效,又需要重新拉取镜像时就会很尬尴。
之前写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十篇源码文章。
好学、乐学、博学、恒学、会学和用学,学以致用。一起学习成长的很多同好以及我自己,都是同样喜欢折腾的人。
本译文来源于https://socket.io/get-started/chat/,不足之处请多批评指正。 最近在学些vuejs和websocket相关技术,使用了websocket的两个封装的库vue-socket.io和vue-websocket
grid 学习:https://www.jianshu.com/p/d183265a8dad
总体来说对前端人员比较友好,很多信息很直观. 包括依赖,发布仓库,代码反馈,node版本等等
在开发学习过程中总会遇到各种各样的问题,当时解决之后,如果没能做好笔记,过一段时间之后很容易遗忘。养成了做笔记的习惯之后,就期望有一个很好的平台来保存笔记。我尝试过博客园,有道云笔记,象印笔记,语雀笔记等。有的平台确实比较好用,但是每次写笔记要么在浏览器中找网址,要么在电脑里找软件,等待打开,无形中增加了自己做这件事的时间成本。有的时候可能只是需要记录一句话。最终我选择了Typora。简介。方便。下一步就是解决多平台同步的问题,github page是一个很好的选择。搭配vuepress做成可以在线阅读的笔记本。
这些开源项目旨在为用户提供一种简单而强大的方式来构建现代化文档或静态网站。它们拥有一些关键特性:简洁易用、支持使用Markdown编写内容、提供多种主题选择和插件扩展能力。这些工具可以帮助您方便快捷地生成高质量的文档,并且轻松进行团队协作和社区分享。如果您正在寻找一个功能强大又易于上手的工具来构建静态网站或在线文档,请考虑尝试其中之一。
Git 全局设置: git config --global user.name "ye" git config --global user.email "13@qq.com" 创建 git 仓库: 1、创建项目名称 mkdir xxx-vue 2、进入项目 cd xxx-vue 3、初始化仓库 git init 4、创建说明文档 touch README.md 5、添加到本地仓库 git add README.md 6、提交到本地仓库 git commit -m "first commit" 7、关联远程仓
昨天我们进行了开发流程中的第二步架构设计,并且创建了vite+vue的项目并且引入了antd的UI组件,今天我们就进行开发流程中的比较费时间的第三部分,就是前后端功能模块的实际开发,利用程序实现自己的业务需求。
一周时间,没见了,大家有没有想我啊!哈哈!我知道肯定会有的。言归正传,我们切入正题。上一篇文章中我主要介绍了使用Vite2+Vue3+Ts如何更快的入手项目。那么,今天我将会带领大家认识一个新的Vue3项目构建工具——parcel-vue-cli。这是什么?怎么以前没有听说过。有这样的疑问其实并不奇怪,因为这个构建工具是我自己开发的。你可能会这样问:“你自己开发的?这么厉害吗”?是的,豆哥其实就这么厉害。开玩笑啦!其实没有你想得那么厉害。都是搬砖人,主要看思路。好,不扯了!本篇文章我将带大家如何从0到1开发一款极快,零配置的Vue3项目构建工具(parcel-vue-cli)。名字就这么记着吧!
最近geekzl打算尝试一下VuePress,据说如果用来做文档体验会很不错,外观和Gitbook有点相似,好处是代码层面具有较大的自由度,也可以顺便加强vue的学习。
大家好,我是小鑫同学。一位从事过Android开发、混合开发,现在长期从事前端开发的编程爱好者,我觉得在编程之路上最重要的是知识的分享,所谓三人行必有我师。
# 环境准备 安装 Git 安装 Node.js ,版本 >=8.6 安装 Yarn 注册 GitHub 如果使用 Yarn 或者 Npm 下载慢,使用以下命令全局加速 $ yarn config set registry https://registry.npm.taobao.org $ npm config set registry https://registry.npm.taobao.org --global $ npm config set disturl https://npm.taob
GitHub Actions是GitHub推出的CI/CD服务,它给我们提供了虚拟的服务器资源,让我们可以基于它完成自动化测试、集成、部署等操作。
在我大学乃至刚毕业的两三年,在本地维护一个文件夹,维护所有的示例代码,用以新技术调研及学习一些新的 API 之类。
vue已是目前国内前端web端三分天下之一,同时也作为本人主要技术栈之一,在日常使用中知其然也好奇着所以然,另外最近的社区涌现了一大票vue源码阅读类的文章,在下借这个机会从大家的文章和讨论中汲取了一些营养,同时对一些阅读源码时的想法进行总结,出产一些文章,作为自己思考的总结,本人水平有限,欢迎留言讨论~
VuePress 是静态站点生成框架之一,界面简介优雅,本文记录使用方法。 简介 VuePress 是尤雨溪(vue.js 框架作者)发布的一个全新的基于 vue 的静态网站生成器,实际上就是一个 vue 的 spa 应用,内置 webpack,可以用来写文档。 VuePress 有很多优点: 界面简洁优雅,不同于 Hexo,个人觉得更适合作为说明文档页 容易上手(半小时能搭好整个项目) 更好的兼容、扩展 Markdown 语法 响应式布局,PC端、手机端 Google Analytics 集成 支持
1、本地代码需要上传到远程仓库上时 2、本地已有仓库,需要将本地仓库推送到远程仓库上时 3、本地已有仓库,并且已关联远程仓库,需要更改关联的远程库时
相信很多人选择搭建自己的博客,会选择现有的博客系统方案,比如:Wordpress、Hexo和Halo等。
最近一直在研究 Jenkins 的流水线插件 Pipeline,既然是研究,自然就不是为了掌握基本用法了,而是高级用法。目前研究的成果还是挺不错的,有很多想要实现的功能都已经通过插件自带的语法完成,后续会单独开一个系列来分享更多高级语法的使用,而这篇文章就来分享一下我的流水线实战——Vue 项目自动化构建和部署。
是啊,为什么要写 Blog?毕竟这里没有人支付稿酬,也看不出有任何明显的物质性收益。 不管你选择那种博客,这本身也是一个学习过程。 —— 阮一峰
在我们日常工作生活中,当我们换设备或者重装系统后,往往需要将我们之前的代码进行同步。这个时候我们常常都是采用 U 盘拷贝的方式,但是这样十分麻烦,那有没有不用通过 U 盘之类的介质拷贝就能实现的呢。
HTML5学堂-利利:关于Git的知识,我们共分成了四个大步骤进行讲解,之前我们提到了Git的安装与配置、Git在本地的使用方法,今天我们要讲解的就是如何创建Git本地仓库与服务器端仓库的关系。 今日
在我们日常工作生活中,当我们换设备或者重装系统后,往往需要将我们之前的代码进行同步。这个时候我们常常都是采用 U 盘拷贝的方式,但是这样十分麻烦,那有没有不用通过 U 盘之类的介质拷贝就能实现的呢。今天我们看看如何利用 IDEA + Github,实现跨设备跨平台之间的同步。后续步骤均建立在安装好 git 和拥有 Github 账户的基础上,如果还没有安装 git 或者没有 Github 账户,那赶紧先去安装 git 和申请一个 Github 账户吧。
11月已经悄然过去啦,小妹花了点时间整理了一下分享过的酷酷项目,方便大家进行查看和收藏!
因为 hexo 的 FrontMatter 要求比较松散,而 hugo 要求严格,所以存在一些兼容性问题,github 找了一个脚本处理转换一下就可以了。
本地创建Git仓库适合自己一个人完成工程,但是实际情况中我们需要其他人来协作开发,此时就可以把本地仓库同步到远程仓库,同时还增加了本地仓库的一个备份。常用的远程仓库就是github:https://github.com。
目前,在GitHub上的这个GitStudy仓库还是空的,GitHub告诉我们,可以从这个仓库克隆出新的仓库,也可以把一个已有的本地仓库与之关联,然后,把本地仓库的内容推送到GitHub仓库。
今天将 Visual Studio 2019 从 16.3.6 版本升级到了 16.9.2 版本 , 发现相关操作需要更新 , 记录在该博客中 ;
获取更新后的DOM言外之意就是,操作需要用到了更新后的DOM而不能使用之前的DOM或者使用更新前的DOM会出问题,所以就衍生出了这个获取更新后的 DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 JS代码。
这里记录如何通过 jenkins 打包发布 springboot 后台应用至 K8s 集群和 jenkins 打包发布 vue 前端应用至 K8s 集群,个人编写只供参考!
领取专属 10元无门槛券
手把手带您无忧上云