前端工程化
文章平均质量分 93
程序媛小y
一枚前端程序媛
展开
-
前端代码规范实践指南(ESLint,Prettier,Husky...)
如果想自己定义提交规范也是可以的,首先要下载自定义规范约束的包替换第三方规范。变更extends: ['cz'], //采用 cz 自定义的提交规范 -> .cz-config.js};在项目根目录创建,可以再这个文件里自定义规范(下面这是我自定义的配置)新增value : '✨新增' , name : '新增: 新的内容' } , {value : '🐛修复' , name : '修复: 修复一个Bug' } , {原创 2022-10-17 21:19:12 · 2360 阅读 · 0 评论 -
Git常见命令
简单来说就是:过去git merge允许将两个没有共同基础(服务器的和本地的就是没有共同基础,也就是没有共同祖先)的分支进行合并,这导致了一个后果:新创建的项目可能被一个毫不怀疑的维护者合并了很多没有必要的历史,到一个已经存在的项目中,目前这个命令已经被纠正,但是我们依然可以通过-- allow-unrelated-histories选项来逃逸这个限制,来合并两个独立的项目;Git 的默认分支名字是 master,在多次提交操作之后,你其实已经有一个指向最后那个提交对象的 master 分支;原创 2022-10-09 18:24:48 · 1398 阅读 · 0 评论 -
Chrome浏览器断点调试技巧
某些情况下,我们必须知道当前代码的执行顺序,以及每一步变量的执行状态来确定代码是否正确按照我们意愿执行。此时使用断点调试是非常明智的选择。原创 2022-09-23 20:19:47 · 17664 阅读 · 2 评论 -
Docker+github actions部署前端项目
在进行本篇实践前,建议先了解一下:使用linux+Nginx部署,使用docker部署,使用github actions部署.【vue项目部署】Linux+Nginx实现项目部署及跨域【github actions】部署前端项目【Docker】docker+Nginx部署前端项目在 vue 项目中增加 Dockerfile 文件 和 nginx.conf 配置文件部署时,首先将 dist + Dockerfile + nginx.conf 打成镜像 (docker build 相关明令)原创 2022-09-21 10:30:48 · 1650 阅读 · 0 评论 -
【Docker】docker+Nginx部署前端项目
命令的意思是将 Nginx 目录下的 default.conf 复制到 etc/nginx/conf.d/default.conf,用本地的 default.conf 配置来替换 Nginx 镜像里的默认配置。下面的配置直接照抄就好,特别注意,监听的端口号并不需要动,这里的80端口指的是容器的端口,最后我们会将容器的端口映射到我们宿主服务器的端口,比如映射到8888端口。这里镜像中的目录我们不要动,但需要保证我们项目的打包目录是。后面的test是我们构建的镜像的名称,我们可以在云服务器中的安全组进行设置。原创 2022-09-21 10:24:24 · 6454 阅读 · 1 评论 -
【github actions】部署前端项目
对于前端,部署一个网站,当我们对网站内容进行修改后再次进行部署时,仍然需要手动将打包后的文件上传到服务器,这个过程比较繁琐,那么我们可以使用github actions实现持续集成,我们只需要负责修改代码即可,当代码被push到远程仓库时,这个push行为会被监听到,会自动发布到服务器上。【vue项目部署】Linux+Nginx实现项目部署及跨域。原创 2022-09-21 10:21:56 · 714 阅读 · 0 评论 -
【docker】入门指南(高级篇)
然后,只要一个命令,就能同时启动/关闭这些容器。Docker镜像,在用Dockerfile定义一个文件之后,docker build时会产生一个Docker镜像,当运行 Docker镜像时会真正开始提供服务;在基础篇中,介绍了如何发布我们自己的镜像,但是如果我们需要在原本发布的镜像上继续添加新功能,那就需要重新在基础镜像上继续添加新功能,反复commit。Dockerfile面向开发,Docker镜像成为交付标准,Docker容器则涉及部署与运维,三者缺一不可,合力充当Docker体系的基石。原创 2022-09-17 21:18:52 · 245 阅读 · 0 评论 -
【Docker】入门指南(基础篇)
为什么会有docker出现?假定您在开发一个尚硅谷的谷粒商城,您使用的是一台笔记本电脑而且您的开发环境具有特定的配置。其他开发人员身处的环境配置也各有不同。您正在开发的应用依赖于您当前的配置且还要依赖于某些配置文件。此外,您的企业还拥有标准化的测试和生产环境,且具有自身的配置和一系列支持文件。您希望尽可能多在本地模拟这些环境而不产生重新创建服务器环境的开销。请问?您要如何确保应用能够在这些环境中运行和通过质量检测?并且在部署过程中不出现令人头疼的版本、配置问题,也无需重新编写代码和进行故障修复?原创 2022-09-17 21:15:52 · 845 阅读 · 0 评论 -
【vue项目部署】Linux+Nginx实现项目部署及跨域
我们可以使用epel源(EPEL : Extra Packages for Enterprise Linux是基于Fedora的一个项目,为“红帽系”的操作系统提供额外的软件包,适用于RHEL、CentOS和Scientific Linux.)。Centos 7下安装nginx,使用yum install nginx,报错提示没有可用的软件包。在浏览器输入你的公网IP,无需端口号(默认80),如果看到。之类的界面,就是Nginx安装并启动成功了。一般,我们的项目都会放在。目录下,如果没有,创建。原创 2022-09-16 19:04:46 · 2409 阅读 · 4 评论 -
【Linux】学习指南(七)进程管理(重点)
ps 命令是用来查看目前系统中,有哪些正在执行,以及它们执行的状况。可以不加任何参数.若是某个进程执行一半需要停止时,或是已消了很大的系统资源时,此时可以考虑停止该进程。使用kill 命令来完成此项任务。服务(service) 本质就是进程,但是是运行在后台的,通常都会监听某个端口,等待其它程序的请求,比如(mysqld, sshd防火墙等),因此我们又称为守护进程,是 Linux 中非常重要的知识点。14.5.2 service 管理指令。原创 2022-09-14 10:58:20 · 224 阅读 · 0 评论 -
【Linux】学习指南(六)网络配置
说明:登陆后,通过界面的来设置自动获取 ip,特点:linux 启动后会自动获取 IP,缺点是每次自动获取的ip地址可能不一样。在 C:\Windows\System32\drivers\etc\hosts 文件指定即可。要求:将 ip 地址配置的静态的,比如: ip 地址为 192.168.200.130。为了方便记忆,可以给 linux 系统设置主机名, 也可以根据需要修改主机名。ping 目的主机 (功能描述:测试当前服务器是否可以连接目的主机)修改文件在 /etc/hostname 指定。原创 2022-09-14 10:53:09 · 220 阅读 · 0 评论 -
【Linux】学习指南(五)磁盘分区、挂载度
在【虚拟机】菜单中,选择【设置】,然后设备列表里添加硬盘,然后一路【下一步】,中间只有选择磁盘大小的地方需要修改,至到完成。说明: 开始分区后输入 n,新增分区,然后选择 p ,分区类型为主分区。需求是给我们的Linux系统增加一个新的硬盘,并且挂载到/home/newdisk。例如: umount /dev/sdb1 或者 umount /newdisk。例如: mount /dev/sdb1 /newdisk。分区命令:mkfs -t ext4 /dev/sdb1。开始对/sdb 分区。原创 2022-09-14 10:49:19 · 312 阅读 · 0 评论 -
【Linux】学习指南(四)组管理和权限管理
Linux中每个用户属于一个组,不能独立于组以外。所以在Linux中每个文件存在组的概念:所有者所在组其他组改变用户所在组。原创 2022-09-12 21:25:55 · 227 阅读 · 0 评论 -
【Linux】学习指南(三)实用指令
案例 1: 压缩多个文件,将 /home/pig.txt 和 /home/cat.txt 压缩成 pc.tar.gz。解压到指定目录:tar -zxvf (要解压的文件) -C (指定目录),指定解压到的目录要存在。案例4: 将myhome.tar.gz 解压到 /opt/tmp2目录下。zip [选项] (压缩后文件xxx.zip) (将要压缩的文件)压缩:tar -zcvf (压缩后文件名) (要压缩的文件)tar:打包指令,最后打包后的文件是.tar.gz的文件。zip/unzip:压缩文件/解压。原创 2022-09-12 20:53:45 · 209 阅读 · 0 评论 -
【Linux】学习指南(二)用户管理
由于/etc/passwd文件是所有用户都可读的,如果用户的密码太简单或规律比较明显的话,一台普通的计算机就能够很容易地将它破解,因此对安全性要求较高的Linux系统都把加密后的口令字分离出来,单独存放在一个文件中,这个文件是/etc/shadow文件。当一个用户同时是多个组中的成员时,在/etc/passwd文件中记录的是用户所属的主组,也就是登录时所属的默认组,而其他组称为附加组。Linux系统中的每个用户都在/etc/passwd文件中有一个对应的记录行,它记录了这个用户的一些基本属性。原创 2022-09-12 17:18:27 · 201 阅读 · 0 评论 -
【Linux】学习指南(一)基本操作
是Binary的缩写,这个目录存放着最经常使用的命令。/sbin:s就是Super User的意思,这里存放的是系统管理员使用的系统管理程序。存放普通用户的主目录,在Linux中每个用户都有一个自己的目录,一般该目录名是以用户的账号命名的。该目录为系统管理员,也称作超级权限者的用户主目录。/lib:系统开机所需要最基本的动态连接共享库,其作用类似于Windows里的DLL文件。几乎所有的应用程序都需要用到这些共享库。原创 2022-09-12 16:51:38 · 272 阅读 · 0 评论 -
vue项目配置环境变量与代理服务器
代理服务器的主要思想是通过建立一个端口号和前端相同的代理服务器进行中转,从而解决跨域问题。而且代理服务器与服务器之间的通信是后端之间的通信,不会产生跨域问题。浏览器从一个域名的网页去请求另一个域名的资源时,域名、端口、协议任一不同,都会导致跨域问题。3、工作方式:若按照上述配置代理,当请求了不存在的资源时,那么该请求就会转发给服务器(有限匹配前端资源)1、优点:可以配置多个代理,并且可以灵活的控制请求是否走代理。2、缺点:不能配置多个代理,不能灵活的控制请求是否走代理。-- 用vue-cli来实现。...原创 2022-08-09 19:09:22 · 1270 阅读 · 1 评论 -
【Eslint + Prettier + Husky + Commitlint】前端项目代码规范的搭建
这里是小飞侠Pan🥳,立志成为一名优秀的前端程序媛!!!本篇博客收录于我的github前端笔记仓库中,持续更新中,欢迎star~👉变更这里采用自己定义的规范,将会覆盖上面那个,所以上面那个可以不用安装增加 .cz-config.jsvalue : '✨新增' , name : '新增: 新的内容' } , {value : '🐛修复' , name : '修复: 修复一个Bug' } , {value : '📝文档' , name : '文档: 变更的只有文档' } , {...原创 2022-08-09 18:41:04 · 1087 阅读 · 0 评论
分享