前端也需要知道的一些常用linux命令

前端也需要知道的一些常用linux命令

    • 1.问题背景
    • 2.连接工具(SecureCRT_Portable)
        • a.下载工具
        • b.连接服务器
        • c.登录到root账户
    • 3.基本命令
        • a.cd命令和cd ..
        • b.ll命令和ls命令
        • c:cp命令
        • d.rm命令
        • e:rz命令
        • f.unzip命令
        • g.mv命令
        • h.pwd命令(这里没有用到,可以了解下)
        • i.mkdir:创建新目录(这里没有用到,可以了解下)
    • 4.总结

1.问题背景

前端包的发布一般是通过流水线,但是偶尔也需要前端自己去服务器发布前端包,但题主以前一般都是使用ftp工具(比如filezilla,连接上服务器直接拖拉拽就可以了)来进行前端包的发布,比较少直接使用linux命令来发布,但是这家公司内部不能装ftp工具,只能通过linux命令来发布前端包了,但是linux命令很久不用又忘记了(只记得cd和ll),所以有了这篇文章的由来。

以下我会以我更新前端dist包的过程跟大家分享下这些linux命令

2.连接工具(SecureCRT_Portable)

a.下载工具

这里我用到的连接工具是SecureCRT_Portable
image.png
官方下载地址:https://www.vandyke.com/cgi-bin/releases.php?product=securecrt
下载地址(KK下载):http://www.kkx.net/soft/62256.html
只需要下载下来解压即可使用
image.png
双击这个,就可以进入使用了

这里的连接工具也不是一定要这个,只要有就可以,只不过是公司这里安装软件很严格,这个连接工具还是后台发给我的

b.连接服务器

image.png
image.png
image.png
image.png

c.登录到root账户

一般使用:su - root 或者 sudo su 这两个命令来切换到超级用户(通常是 root 用户),拥有最高权限
image.png
输入密码回车就可以登录进去了(注意这里输密码是不会显示的,别以为自己没输入到)

3.基本命令

a.cd命令和cd …

cd命令就是进入到下一个文件夹,比如你要进入到www文件夹:你就输入 cd www
cd … 命令也是很实用:退回到上一个文件夹。比如你从var文件夹进入到了www,你要退出就cd …
image.png

b.ll命令和ls命令

其实这两个命令差不多,都是看当前文件夹里面有哪些内容
image.png
知道了以上的两个命令,你就能进入到你的dist文件所在的路径位置

c:cp命令

cp 命令主要用于复制文件或目录,我一般都是用于做备份,比如我要更新前端包了,以前的前端包我就会进行备份一下
使用以下命令(假设前端文件都在html文件夹下),这样子就会生成一个备份文件,然后我会把html里面的内容清空,再上传dist的压缩包上去

cp html html_beifen_2024_06_21

image.png
这样子可以看到我已经备份好了一个前端包,后面即使我这里更新错了,我也有源文件,根本不慌

d.rm命令

rm一看就是用于删除某个文件的(这个慎用,用之前请先备份文件)
比如我已经备份了html,此时我直接去删除html文件夹(这里我已经进入到了这个目录,所以直接rm html就行)

rm html

提问:我想删除文件夹下的某个文件(比如dist.zip), 使用rm的时候需要写完整的路径嘛?还是只需要写 rm dist.zip就可以?
回答:使用 rm 命令删除文件夹下的某个文件时,是否需要写完整的路径取决于你当前的工作目录(即你在哪里执行命令)和文件的相对位置。

  1. 如果当前目录是文件所在的目录: 如果你已经在包含 dist.zip 文件的目录中,你只需要写文件名即可:
rm dist.zip
  1. 如果当前目录不是文件所在的目录: 如果 dist.zip 不在当前工作目录中,你需要提供相对于当前位置的相对路径,或者使用文件的完整路径:
rm ./subdirectory/dist.zip  # 相对路径
# 或者
rm /full/path/to/subdirectory/dist.zip  # 完整路径
e:rz命令

此时我已经把html文件删除了,此时我们需要把自己的dist压缩包上传上去,就需要用到rz命令,直接输入rz
image.png
直接输入rz就会出现下面的页面,让你从自己的电脑选择文件上传到服务器上去,这里我们选择dist.zip把这个上传上去
image.png

f.unzip命令

这里我们上传了dist.zip,此时我们需要解压,直接使用命令

unzip dist.zip

解压完我们使用ll命令能看到 此时我们的文件夹下面有 dist和dist.zip,还有html_beifen_2024_06_21这三个文件

g.mv命令

这个mv 命令主要是用于移动或重命名文件和目录,一般用法为: mv html html1 。这样子的话,就相当于是改名了,并且之前的html没有了,变成了html1。 如果是要移动的话,则要拼相应的路径
此时我们的dist已经解压出来了,但是按理来说应该是叫html文件夹,所以我们使用mv命令:

mv dist html

然后可以把dist.zip删除了

rm dist.zip

到此,我们的前端包已经更新完毕了,我们可以到网站上看有没有更新。(注意:一般更新前端文件是不需要更新nginx或者apache服务的,所以只要我们上传了文件,页面就会有相对应的更新)

h.pwd命令(这里没有用到,可以了解下)

这个命令就是告诉你你当前在哪个目录下面
image.png

i.mkdir:创建新目录(这里没有用到,可以了解下)

这个就是在当前文件夹下面创建一个文件夹, 比如输入: mkdir html ,那么你就会得到一个html的空文件夹

4.总结

这里用到的一些都是比较简单的linux命令, 主要是适用于前端,linux的指令还有很多,需要用到的时候再去查一下把,不用特意去记,如果大家有什么好用的命令也可以在评论区分享下,我会好好吸收的。

不知道大家有没有这样更新过自己的前端包呢?是否也会用到这些命令,如果有用到的话,可以收藏一下,下次更新的话可以用到

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/34108.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

机器学习之支持向量机丨神经网络测试

选择题 SVM中的什么是支持向量? 【 正确答案: D】 A. 数据集中的所有样本 B. 模型参数 C. 模型的预测输出 D. 训练数据中离决策边界最近的样本点 支持向量机(SVM)算法的主要目标是: 【 正确答案: C】 A. 最小化间隔 B. 最小化损失函数 C. 最大化间隔 D.…

Python-天天基金网爬虫分析

1.主题式网络爬虫名称:天天基金网爬虫分析 2.主题式网络爬虫爬取的内容与数据特征分析:通过访问天天基金的网站,爬取相对应的信息,最后保存下来做可视化分析。 3.主题式网络爬虫设计方案概述(包括实现思路与技术难点…

益百分4.0版益生君重磅来袭,为您保驾护航

益百分4.0版益生君重磅来袭,为您保驾护航 暑期来临,很多人们终于等来了一年中最幸福的时刻,三五成群、结伴旅游成为他们选择欢度暑假的方式。 全国各地的旅游景点也迎来了旺季,各大旅游公司也推出了各种各样的旅游团购活动&#x…

FFmpeg交叉编译报错pkg-config not found

ffmpeg交叉编译时报错: WARNING: arm-linux-gnueabihf-pkg-config not found, library detection may fail.不慌,没有就下载嘛,直接install: sudo apt-get install pkg-config-arm-linux-gnueabihf 参考: How To I…

C++面试八股文:std::deque用过吗?

100编程书屋_孔夫子旧书网 某日二师兄参加XXX科技公司的C工程师开发岗位第26面: 面试官:deque用过吗? 二师兄:说实话,很少用,基本没用过。 面试官:为什么? 二师兄:因为使…

[学习笔记]3GPP R18宣布冻结,对物联网的影响是哪些?

6月18日,在上海举行的3GPP RAN(无线接入网络项目)第104次会议上,5G-A的第一代技术标准R18标准正式冻结。R18标准从立项到冻结历时3年多,是5G标准的第四版,也是面向5G-Advanced(5G-A)…

未来几年大多数人会面临的困境

未来几年,以下几个社会现象将会成为现实,希望这些相关行业的从业者早做准备,未雨绸缪。 一、就业难将会成为常态 就业将会越来越难、最近三年曾经如日中天的互联网企业在裁员降薪、曾经的用工大户也在裁员、不少倒闭破产的中小企业主也加入…

蓝牙ble数传芯片推荐,TD5327A芯片蓝牙5.1—拓达半导体

蓝牙数传芯片TD5327A芯片是一款支持蓝牙BLE的纯数传芯片,蓝牙5.1版本。芯片的亮点在于性能强,除了支持APP端直接对芯片做设置与查询操作,包括直接操作蓝牙芯片自身的IO与PWM口以外,还支持RTC日历功能,可以做各类定时类…

深度学习工具jupyter的new没有环境选项以及遇到的EnvironmentLocationNotFound:Not such a environment

jupyter安装使用 安装完Anaconda(安装Anaconda具体请参考其他教程)后,一般默认有安装jupyter打开 注意当前是base环境,后期使用jupyter需要切换环境 我们找到文件地址。用记事本打开 可以搜索:c.NotebookApp.noteb…

数据库期末复习知识点

A卷 1. 选择题(30) 2. 判断范式(10) 判断到第三范式 3. 程序填空(20) 4. 分析填空(15) 5. 写SQL(25) 5一题 恶性 B卷 1. 单选(30) 2. 填空 (20) 3. 程序填空(20) 4. 写SQL(30) 知识点 第一章 数据库管理系统(DBMS) 主要功能 数据定义功能 (DDL, 数据定义语言, …

linux 登录ftp报Received message too long 1416128883

在linux 登录ftp报Received message too long 1416128883 [rootlocalhost ~]# sftp oaftp172.20.xx.xx解决办法: [rootlocalhost ~]# usermod -s /bin/bash oaftp[rootlocalhost ~]# systemctl restart vsftpd.service[rootlocalhost ~]# sftp oaftp172.20.xx.xx完…

JavaWeb系列十六: jQuery初步入门

跟老韩-JavaScript开发利器之jQuery 1.1 原理示意图1.2 快速入门1.2 什么是jquery对象1.3 dom对象转jQuery对象1.4 jQuery对象转dom对象 jQuery是一个快速的, 简洁的javaScript库, 使用户能更方便地处理HTML, css, dom…提供方法, events, 选择器, 并且方便地为网站提供AJAX交互…

告别单张OCR,Umi-OCR让你轻松实现批量识别!

大家好,今天我要给大家介绍一款强大的OCR识别软件——Umi-OCR。相信很多朋友都用过QQ、微信或天若OCR等应用来进行图片文字识别,但你是否遇到过需要批量识别图片文字时,这些软件却无法满足你的需求呢?今天,这个问题将迎…

LeetCode 算法:二叉树的中序遍历 c++

原题链接🔗:二叉树的中序遍历 难度:简单⭐️ 题目 给定一个二叉树的根节点 root ,返回 它的 中序 遍历 。 示例 1: 输入:root [1,null,2,3] 输出:[1,3,2] 示例 2: 输入&…

将Windows11右键菜单修改为Windows10风格

Windows11更新后,右键菜单很多功能隐藏起来了,使用时需要点击“显示更多选型”才能获取完整功能。为了能获得Windows10右键菜单丝滑的体验,我总结了以下方法。 方法一:控制台操作法 按住winR打开运行窗口 输入cmd,…

区间问题——905. 区间选点

目录 区间问题 定义 运用情况 注意事项 解题思路 AcWing 905. 区间选点 题目描述 运行代码 代码思路 改进思路 其它代码 代码思路 区间问题 定义 区间通常是指一个连续的范围,可以用数轴上的一段来表示。 运用情况 在数学中广泛用于表示变量的取值范…

未系安全带智能监测摄像机

未系安全带智能监测摄像机在现代安全管理中发挥着至关重要的作用。这些先进设备不仅仅是简单的监视工具,更是通过整合高级技术来提升工作效率和安全性,特别是在需要高度警惕的作业环境中尤为突出。 首先,这些智能监测摄像机配备了精准的视觉识…

SOLIDWORKS专业版2024价格

SOLIDWORKS Professional 专业版,带有 ECAD/MCAD 协作、自动成本估算、协作功能、设计和工程图检查、复杂的零部件库以及高级真实感渲染。 1. ECAD/MCAD协作:SOLIDWORKS专业版提供了强大的ECAD/MCAD协作功能,使得设计团队可以更高效地进行跨…

HTML(23)——垂直对齐方式

垂直对齐方式 属性名:vertical-align 属性值效果baseline基线对齐(默认)top顶部对齐middle居中对齐bottom底部对齐 默认情况下浏览器对行内块,行内标签都按文字处理,默认基线对齐 导致图片看起来会偏上,文字偏下。 示例&#…

谷歌浏览器截图

一 右击,然后点击检查; 二 然后ctrlshiftp,运行命令; 三 3.1搜索截图: 如果你设置为中文,搜索截图,选择你想要的截图类型; 如果你是在英文情况下: 输入capture full size 来过滤…