vue项目中使用npm run build打包后会生成一个dist文件,使用git推送项目后,发现git上少了一个dist文件,为什么明明本地项目中有这个文件而推上去就没有了呢?
本地的PACK构建shell脚本 首先是在在package.json中的scripts键值中加入release "release": "sh build/pack.sh" 之后在项目目录下新建build文件,并在其中新建pack.sh文件,内容如下: #!/bin/sh if [ ! "$1"]; then echo "不可缺少打包版本号" exit 1 fi # 上面的命令是确认传来了作为版本号的第一个参数 echo "编译中....." npm run build # "build":
阅读须知,阅读本文你将学会以下知识: 1. 明白VS Code 任务系统是什么? 2. 按步骤学会一步步配置一些简易而实用的VS Code任务 在不知道VSCode任务系统的人看来,它就像是魔法一样! 利用任务,可以有多便捷? 背景: 我司的代码合入采用的是 从主仓库fork => 从个人仓库提Merge Request这种github经典模式。 日常: 因此我司员工经常需要依次执行以下4条指令或者在VSCode源代码管理中依次执行以下四个操作: $ git stash push -u -m xxx
# 环境准备 安装 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
📖阅读须知,阅读本文你将学会以下知识: 1. 明白VS Code 任务系统是什么? 2. 按步骤学会一步步配置一些简易而实用的VS Code任务 在不知道VSCode任务系统的人看来,它就像是魔法一样! 利用任务,可以有多便捷? 背景: 我司的代码合入采用的是 从主仓库fork => 从个人仓库提Merge Request这种github经典模式。 日常: 因此我司员工经常需要依次执行以下4条指令或者在VSCode源代码管理中依次执行以下四个操作: $ git stash push -u -m xxx (将
我们做的每个Git项目中都需要一个“.gitignore”文件,这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。比如我们项目中的npm包(node_modules),它在我们项目中是很重要的,但是它占的内存也是很大的,所以一般我们用Git管理的时候是不需要添加npm包的。
大家好,我是「柒八九」。一个「专注于前端开发技术/Rust及AI应用知识分享」的Coder。
本教程主要讲解了怎么使用 Jenkins 和 Github Actions 部署前端项目。
上图标红就是相关的工程化配置,有 Linter、Tests,Github Actions 等,覆盖开发、测试、发布的整个流程。
首先就是需要设计并搭建项目的文件结构,并初始化一个 package.json 文件,用于描述当前项目的功能。
类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。
按照上面的操作步骤就可以将本地文件推送到git远程仓库上了,并且可以自己设定不需要上传哪些文件。当然,情况因每人的配置环境或多或少出现问题,此教程只是解决众多问题中其中一个。
很多需要用到的脚本及软件会先发布在GitHub上,所以经常需要访问GitHub,但是每次都会卡在跳转到GitHub的步骤,就是还没开始就可以结束了。
今日用到命令,把项目构建打包到dist目录下,但是需要把dist目录内容copy到另外一个项目当中,写了个命令执行此操作。想来把常用的mac终端命令总结以后,方便使用查找。
有则笑话,如此讲到:“老丈人爱吃核桃,昨天买了二斤陪妻子送去,老丈人年轻时练过武,用手一拍核桃就碎了,笑着对我说:你还用锤子,你看我用手就成。我嘴一抽,来了句:人和动物最大的区别就是人会使用工具。……”。撇开这样特例场景,这句话还是非常用有道理的;毕竟从远古石器时期或更早,到如今,所言之语,所穿之衣,代步之车,所学的知识,所晓的常识.....皆是工具;可以说绝大部分人之间的差异(天才级除外),仅在于工具使用之优劣罢了。在工具的使用中,很多人极大程度上停留于会用层面,如若不遇到问题,几乎就处于停滞;这本身倒也没有问题,但可能因为没有透彻的了解,而错失了对该物可以拥有的想象力,从而错过了许多本该有的美好,如此的可惜。
安装过nodeJs 、cnpm 后,全局安装vue-cli(以后其他项目可直接使用):
最近在学习 Angular,一些基础的语法也学习的差不多了,就在 github 上新建了一个代码仓库,准备用 ng-zorro 搭个后台应用的模板,方便自己以后写些小东西时可以直接使用。前端项目,最主要的还是能够实际看到,因此考虑找个地方部署,因为自己的博客是部署到 github page 上的,并且这个项目也只是一个静态网站,所以这里同样选择使用 github page
之前我都是手动修改CHANGELOG.md,用来记录更新日志,感觉操作起来有点心累,也不是很规范。好在已有前人种树,于是我就考虑利用conventional-changelog-cli自动生成和更新CHANGELOG.md,真的好用!
gulp是基于流的前端构件化工具。gulp是自动化项目的构建利器;不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成。同时使用非常简单,学习成本低。这个压缩工具也是前端必学的的工具。
打开 https://github.com/settings/tokens ,点击右上方 Generate new token,应该要输入你的密码。之后把 Note 起一个名字,比如 github-actions-deploy,然后把 repo 的候选框选中。最后点下面的绿色按钮,跳转页面后获得一个 key,这个 key 只会出现一次,先复制下来,一会要用。
本人刚用 VuePress 写完一个 UI 框架的文档:https://zyqq.github.io/wheel 确实很好用且自带PWA,访问速度飞快。特此总结使用方法。
github加速神器,解决github打不开、用户头像无法加载、releases无法上传下载、git-clone、git-pull、git-push失败等问题。
有则笑话,如此讲到:“老丈人爱吃核桃,昨天买了二斤陪妻子送去,老丈人年轻时练过武,用手一拍核桃就碎了,笑着对我说:你还用锤子,你看我用手就成。我嘴一抽,来了句:人和动物最大的区别就是人会使用工具。……”。撇开这样特例场景,这句话还是非常用有道理的;毕竟从远古石器时期或更早,到如今,所言之语,所穿之衣,代步之车,所学的知识,所晓的常识…..皆是工具;可以说绝大部分人之间的差异(天才级除外),仅在于工具使用之优劣罢了。在工具的使用中,很多人极大程度上停留于会用层面,如若不遇到问题,几乎就处于停滞;这本身倒也没有
大家好,我是戴先生 废话不说,直接上效果图 ##效果图 获取完整代码,可公众号内回复:vuepress 链接地址:你好,戴先生 (daijiyong.github.io) 📷 📷 📷 📷 📷 📷 ##为什么要个人网站 自媒体时代,人人都可以有自我对外展示的多个窗口 短视频横流,但是我们更需要将自己的知识和阅历沉淀成文字 边界渐模糊,但这里可以是完全属于自己的小世界,没有推送、不需要点赞 互联网的第一个十年已经过去,但是拥有一个个人网站仍然是一件很酷的事情 ##网站功能 搜索 时间轴 顶部导航
Lerna 已然成为搭建 monorepo 工程的首选,然而官方文档[1]并没有给出构建 monorepo 项目最后一公里的解决方案。而在这次在迁移搭建全民 K 歌基础库的实践中,在诸如 Orange CI 自动发布 npm 包等问题上就遇到了不少阻碍,我们把经验总结记录如下。 名词解释: Orange CI:腾讯内部开源的持续集成服务,类似于 Travis CI,一旦代码有变更,就自动运行构建和发布,并输出结果,是实现自动更新版本号及发布npm包的基础。 Monorepo:一种管理组织代码的方式,其主要
之前我发布了我的第一个 npm 组件,一个基于 react 的 3d 标签云组件。在这途中我也是遇到了很多的坑,花在完善整个发布流程的时间远多于写这个组件本身的时间,所以我记录下我觉得一个正常的 react 组件的发布流程
不知道你思考过一个问题没有,我们在使用vue和react脚手架创建的项目中,并没有见到个webpack的出现,这是为什么?
之前在和小伙伴做一些项目学习的时候经常会写一些重复的代码,然后复制粘贴到下一个项目中使用,比如之前写了 localStorage、sessionStorage等 API 的函数封装实现。假设项目需要使用这些封装好的 API 就要自己再复制粘贴一份,假设如果发现其中有可改进或者修改的地方,那么就需要自己再将这些修改后的文件覆盖到每一个使用过的项目中。
这系列文章就是手把手教你如何从零构建一个webpack项目。目的就是为了了解webpack打包怎么玩的,平常项目开发中所用如ES6语法、less、vue是如何被打包的,是一个比较基础的内容,我也是为了总结一下这方面的知识点,梳理一下个人的知识体系而写下这些文字。 工具及版本:vscode、webpack(v4.41.5)、node(v10.16.0) git仓库:webpack-demo 1、什么是webpack? “webpack is a module bundler.”—webpack官网
博客的文章经常需要插入图片,如果我将文档与图片放在一起,那么图片的加载速度将会很慢,于是我使用了图床。
以前是看到别人的GitHub上的项目源码中,后面会跟着一个网址,是该项目的demo,可是就单纯的没有再去思考,我是不是也可以把自己的项目这样放到GitHub上去,让它启动起来,不再是冰冷的code。现在要去打破这种对未知事物的恐惧,要多尝试。
用 VuePress 搭建了博客并部署到 Github Pages,但由于 Github 的访问问题,我们可以选择把仓库部署到 Gitee 一份,利用 Gitee 的 Pages 服务再生成一份静态网站用于备用。
前些天,用尽平生所学,写了一篇技术文章,Vue3项目框架搭建封装,一次学习,终身受益【万字长文,满满干货】,可惜掘金给的流量不多,点赞的人不多,评论的人几乎没有,收藏的人却不少,我想可能是万字长文看起来太吃力,于是花了3天时间用vitepress搭建了一个项目文档,方便大家查阅。
Git是一个版本管理控制系统(缩写VCS),它可以在任何时间点,将文档的状态作为更新记录保存起来,也可以在任何时间点,将更新记录恢复回来。
1: 搭建jenkins线上服务, 参考Linux环境下安装Jenkins 2:注册gitee账号,并创建一个项目,这里我的项目名是 lvsige-demo(下面简称demo)
这次我们要接着上面的话题聊下如何通过 Jenkins 工具一键部署 Gitlab 上前端代码到服务器。
如果您的仓库不是放置在根目录下(就是https://itclancode.github.io/blogcode/这种形式,而非https://itclancode.github.io/),则在config.js的基础配置中需要更改base的路径,它默认是指向根路径的,可以省略
在开发学习过程中总会遇到各种各样的问题,当时解决之后,如果没能做好笔记,过一段时间之后很容易遗忘。养成了做笔记的习惯之后,就期望有一个很好的平台来保存笔记。我尝试过博客园,有道云笔记,象印笔记,语雀笔记等。有的平台确实比较好用,但是每次写笔记要么在浏览器中找网址,要么在电脑里找软件,等待打开,无形中增加了自己做这件事的时间成本。有的时候可能只是需要记录一句话。最终我选择了Typora。简介。方便。下一步就是解决多平台同步的问题,github page是一个很好的选择。搭配vuepress做成可以在线阅读的笔记本。
最开始接触博客的契机是我第一次重装Ubuntu的时候。看的是楠皮的博客,之后又重装了7次Ubuntu,每次都去看楠皮的博客,一个人撑起了他的博客访问量。自此,我终于意识到我也该写个博客了,一开始用到的是csdn,虽然csdn自带的网页markdown非常方便,还有快捷键支持,但是实在是架不住那边烦人的站点广告,之后也试过简书,虽然好看了许多,但是还是没有我当初浏览楠皮博客时那种丝般顺滑的感觉。
最近geekzl打算尝试一下VuePress,据说如果用来做文档体验会很不错,外观和Gitbook有点相似,好处是代码层面具有较大的自由度,也可以顺便加强vue的学习。
很多时候,我们可能想要用 typescript 语言来创建一些模块,并提交到 npm 供别人使用,
minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" 阻止用户手滑发大缩小页面
第一步:首先在本地安装git和TorToiseGit小乌龟,svn同理,也可以安装下TorToiseGit中文语言包,前期可减少出错,后期熟悉了可直接用命令行pull代码
大家好,我是小鑫同学。一位从事过Android开发、混合开发,现在长期从事前端开发的编程爱好者,我觉得在编程之路上最重要的是知识的分享,所谓三人行必有我师。
在我们的开发过程中,为了确保代码的质量,我们通常会对代码进行静态代码分析。SonarQube 是一种广泛使用的静态代码分析工具,它可以检查代码中的 bug、代码异味以及安全漏洞等问题。然而,如何确保我们在提交代码之前运行了 SonarQube 呢?这就是本文将要探讨的主题:使用 Git Hook 将 SonarQube 集成到我们的 JavaScript 项目中,确保只有在 SonarQube 扫描通过的情况下才能提交代码。
这时候的项目结构如下,因为虽然代码是前后端分离的,但是人只有一个,所以后面会把前后端代码放到一个项目里面,把文件夹名称修改为backend
②. Docsify / Docute: 同样都是基于 Vue,然而它们都是完全的运行时驱动,因此对 SEO 不够友好
领取专属 10元无门槛券
手把手带您无忧上云