第7章 命令行基础

C:\Users\你的用户名\Desktop>  ← 光标在这里等你输入命令

pwd
# 输出：/c/Users/你的用户名/Desktop
# 显示当前所在的目录路径

ls              # 列出当前目录下的文件和文件夹
ls -a           # 列出所有文件（包括隐藏文件）
ls -l           # 列出详细信息（大小、日期、权限）
ls -la          # 组合使用：所有文件 + 详细信息

cd Documents            # 进入 Documents 文件夹
cd "My Folder"          # 文件夹名有空格要用引号
cd ..                   # 返回上一级目录
cd ../..                # 返回上两级目录
cd ~                    # 回到用户主目录
cd /                    # 回到根目录（慎用）
cd                      # 不带参数也回到主目录

mkdir my-project                # 创建一个文件夹
mkdir -p src/components         # 一次性创建多级文件夹

rmdir my-folder          # 删除空文件夹
rm -rf my-folder         # 删除文件夹及里面所有内容（慎用！不可恢复）

touch index.html          # 创建一个空的 index.html 文件
touch style.css script.js  # 一次创建多个文件

cat index.html            # 在终端里显示文件内容

echo "Hello World" > hello.txt     # 创建文件并写入（覆盖）
echo "新内容" >> hello.txt          # 追加内容到文件末尾

cp index.html backup.html              # 复制文件
cp -r src/ src-backup/                 # 复制整个文件夹（-r 表示递归）

mv old-name.html new-name.html         # 重命名
mv file.txt documents/file.txt         # 移动文件到另一个文件夹

rm hello.txt              # 删除文件
rm -r folder-name         # 删除文件夹及内容

node -v           # 查看 Node.js 版本
npm -v            # 查看 npm 版本

npm init          # 交互式创建，需要回答一堆问题
npm init -y       # 跳过问题，全部用默认值（推荐）

{
  "name": "blog-project",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

# 安装一个包（会出现在 node_modules 文件夹里）
npm install lodash

# 安装多个包
npm install lodash axios dayjs

# 安装并记录到 package.json 的 dependencies（生产依赖）
npm install axios --save      # 新版 npm 默认就是 --save

# 安装为开发依赖（只在开发时需要，比如代码格式化工具）
npm install prettier --save-dev
# 简写：
npm install prettier -D

# 全局安装（整个电脑都能用）
npm install -g http-server

# 安装 package.json 里记录的所有依赖
npm install

npm uninstall lodash        # 卸载 lodash

{
  "scripts": {
    "dev": "http-server",
    "build": "echo 构建完成"
  }
}

npm run dev         # 运行 dev 脚本
npm run build       # 运行 build 脚本
npm start           # 特殊：可以直接用，等同于 npm run start

# 不用 npx 的话，要先全局安装再运行
npm install -g create-react-app    # 先装
create-react-app my-app            # 再用

# 用 npx，一行搞定（自动下载、运行、用完不占空间）
npx create-react-app my-app

# npx 常见用法
npx create-react-app my-app        # 创建 React 项目
npx create-vite my-vue-app         # 创建 Vue 项目
npx http-server                    # 启动本地服务器（不需要全局装）
npx eslint src/                    # 运行代码检查

{
  "dependencies": {
    "axios": "^1.6.0",       // 允许 1.6.x、1.7.x ... 但不能到 2.0.0
    "lodash": "~4.17.21",    // 只允许 4.17.x 的补丁更新
    "critical-lib": "2.0.1"  // 锁定这个精确版本
  }
}