前端开发中常用的 20 个 Shell 命令

本文列举了前端开发中常用的 20 个 Shell 命令，快来看看有没有你的菜吧！喜欢的话可以收藏，等你熟练使用这几个命令之后效率就直接起飞了！（非新手建议从第十个开始看）

安装依赖：
bash 复制代码
```
npm install
```
安装项目中的依赖包。
启动开发服务器：
bash 复制代码
```
npm start
```
启动本地开发服务器，用于调试前端应用。
创建新的React应用：
bash 复制代码
```
npx create-react-app my-app
```
使用 Create React App 创建新的 React 项目。
构建生产版本：
bash 复制代码
```
npm run build
```
构建生产环境下的前端应用。
版本控制提交：
bash 复制代码
```
git commit -m "Commit message"
```
提交代码变更到版本控制系统。
查看分支信息：
bash 复制代码
```
git branch
```
查看当前项目的所有分支。
切换分支：
bash 复制代码
```
git checkout branch-name
```
切换到指定分支。
安装全局工具：
bash 复制代码
```
npm install -g package-name
```
安装全局的 Node.js 工具或包。
查看端口占用情况：
bash 复制代码
```
lsof -i :port
```
查看指定端口的占用情况。
清理node_modules目录：
bash 复制代码
```
rm -rf node_modules
```
删除项目中的 node_modules 目录。
查找文件：
bash 复制代码
```
find . -name "filename"
```
在当前目录及子目录中查找文件。
查看文件内容：
bash 复制代码
```
cat filename
```
查看文件的内容。
复制文件或目录：
bash 复制代码
```
cp source destination
```
复制文件或目录。
移动文件或目录：
bash 复制代码
```
mv source destination
```
移动文件或目录。
删除文件或目录：
bash 复制代码
```
rm filename
```
删除文件。
查看系统信息：
bash 复制代码
```
uname -a
```
查看系统信息，包括内核版本等。
查看文件权限：
bash 复制代码
```
ls -l
```
列出文件详细信息，包括权限、所有者等。
解压缩文件：
bash 复制代码
```
tar -zxvf filename.tar.gz
```
解压缩 tar.gz 文件。
查看进程信息：
bash 复制代码
```
ps aux | grep process-name
```
查看指定进程的信息。
查看文件大小：
bash 复制代码
```
du -sh filename
```
查看文件或目录的大小。

这些命令涵盖了前端开发中常见的任务，包括项目管理、版本控制、文件操作等。在日常开发中，熟练使用这些命令能够提高效率。