前端常用的终端命令

博客 动态
0 197
羽尘
羽尘 2023-03-26 14:26:45
悬赏:0 积分 收藏

前端常用的终端命令

终端主要的目的是可以让我们在文件系统中进行四处浏览和打开/运行某些东西,只是在 windows 上我们之前都是用 GUI 界面进行操作的,现在是在终端中使用 shell 命令进行操作而已。

Shell命令

pwd

pwd(Print Working Directoy): 打印当前工作目录,表示的是你当前所在的文件位置

cd

cd(Change Directoy):表明切换当前工作目录,cd 可以接两种形式的命令,一种是相对路径,一种是绝对路径。

  1. 相对路径

    • . 一个 dot 表示是当前工作目录

    • ..两个 dot 表示是当前工作目录的父级目录

  2. 绝对路径: cd 直接跟路径名即可,使用绝对路径是有一个很常见的问题就是如果路径很长,得手动输入路径,这要求很高而且很容易出错,这时有一个小技巧就是 Tab 键,可以书写路径时结合 Tab 键进行联想,终端会自动补全,比如说下图中的去 test 目录,输入一个 te 后按 Tab 就能够自动补全路径。(注意,如果输入的已知路径存在重名,Tab 会推导失败)。

其中在 git bash 里 ~表示的是系统用户根目录

ls

ls(list): 表示的是当前工作目录下的文件列表,其中高亮的表示是文件夹,颜色较浅的就是单文件

mkdir/touch

mkdir 创建文件夹
touch 创建文件

mkdir stuff // 创建stuff文件夹
cd stuff
touch a.txt // 创建a.txt文件

rm/rf

rm 是删除单个文件的指令

但是 rm 默认情况下是不能删除文件夹的,但是可以通过 r flag 改变这种规则, 表示的是 递归(recursive),它会递归删除 test 文件夹内的所有东西,包括文件夹本身,这个 flag 常和 flag f(-f,–force)结合一起使用,rm -rf something强制递归删除文件夹内的所有东西包括它本身

谨慎使用rm -rf something,这个命令不会有确认删除的提示,而且删除的内容不会出现在回收站内,一旦数据删除不可找回

la

  • l表示”long”,将打印用更详细的数据打印目录内容,包括创键时间修改时间等信息
  • a表示”all”,打印所有的文件,包括隐藏的文件(windows 的资源管理器会默认隐藏一些文件)

终止命令

有时候一些进程是长期执行的,有时候需要中断,一个很常见得场景是本地开启的一个开发服务器进行 Vue 或者 React 开发时,不在开启应用时需要终止这个进程。可以使用ctrl + c,有时候如果ctrl + c不奏效可以使用ctrl + d

如果进入了 Vim 模式的话,退出编辑模式使用ESC,按住:q可以退出模式,编辑后想保存退出使用:wq

开发命令

打开 IDE

cd /path/to/project
# . 表示当前工作目录
code .

package.json 中安装项目依赖

npm install 
或 
yarn

开发过程中,有时候想快速运行一些第三方库的命令,并统一到 npm script 时就会用到,常见的如测试命令,部署命令,提交命令等等,这些都在 package.json 的 scripts 字段里进行配置。

{
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "commit": "cz
  }
}

package.json 添加/安装新的项目依赖

npm install {库名} --save 
或
yarn add {库名}

package.json 添加/安装新的dev项目依赖(devDependency)

npm install {库名} --save-dev 
或
yarn add {库名} --dev

删除某个依赖项目

npm uninstall package --save 
或
yarn remove package

重新安装依赖

cd path/to/project
rm -rf node_modules
npm install

升级某个依赖项目

npm update --save 
或
yarn upgrade

全局安装某项目依赖(慎用)

npm install package -g
或
yarn global add package

git命令

#  Download a Git repository onto
#  your local machine
git clone [URL]
#  Check which files have been modified
git status -s
#  View changes
git diff
# Stage all files
git add .
#  Commit staged files
git commit -m "Short descriptive message"
# Create a new local branch
git switch -c [new branch name]
# Switch branches
git switch [branch name]
# Push your code to Github (or wherever
#  the project lives)
git push origin [branch name]
#  Start an interactive rebase
git rebase -i [branch name or commit hash]
posted @ 2023-03-26 13:39  辜负寒彻骨  阅读(0)  评论(0编辑  收藏  举报
回帖
    羽尘

    羽尘 (王者 段位)

    2335 积分 (2)粉丝 (11)源码

     

    温馨提示

    亦奇源码

    最新会员