环境与创建项目
uni-app 开发环境两种选择：HBuilderX（官方 IDE，集成度高）或 CLI（VSCode 党）。推荐新手用 HBuilderX，开箱即用。
HBuilderX 方式
- 下载 HBuilderX（官网）
- 文件 → 新建 → 项目 → 选 uni-app 模板
- 运行 → 运行到浏览器/小程序模拟器
CLI 方式
npx degit dcloudio/uni-preset-vue#vite 项目名，npm install，npm run dev:mp-weixin 编译到小程序。
运行目标
浏览器（H5）、微信开发者工具（小程序）、真机（App）。App 运行需要 HBuilderX 打包基座。
代码示例
# HBuilderX 安装后，命令行创建项目
# npx degit dcloudio/uni-preset-vue#vite my-app
cd my-app
npm install
# 编译到微信小程序
npm run dev:mp-weixin
# 用微信开发者工具打开 dist/dev/mp-weixin
# 编译到 H5
npm run dev:h5
# 浏览器访问 http://localhost:5173📚 Shell 命令速查
常用条目速查，完整版见对应教程章节。可复制代码到在线运行中测试。
| 写法 / 语法 | 作用 |
|---|---|
ls / ls -la | 列出文件（-la 显示隐藏和详情） |
cd 目录 | 切换目录 |
pwd | 显示当前目录 |
mkdir -p 目录 | 创建目录（-p 自动建父级） |
touch 文件 | 创建空文件 |
cp -r 源 目标 | 复制（-r 递归复制目录） |
mv 源 目标 | 移动 / 重命名 |
rm -rf 目录 | 删除（危险，慎用） |
cat 文件 | 查看文件内容 |
less 文件 | 分页查看文件（q 退出） |
grep "关键词" 文件 | 按关键词搜索 |
find . -name "*.php" | 按名称查找文件 |
chmod 755 文件 | 修改权限 |
ps aux | 查看进程 |
kill 进程号 | 结束进程 |
top | 实时资源监控 |
df -h / free -m | 磁盘 / 内存占用 |
tar -czf a.tar.gz 目录 | 打包压缩 |
tar -xzf a.tar.gz | 解压 |
curl 网址 | 请求网址（测试接口） |
wget 网址 | 下载文件 |
ssh 用户@主机 | 远程登录 |
scp 文件 用户@主机:/路径 | 远程传文件 |
sudo 命令 | 以管理员执行 |
crontab -e | 编辑定时任务 |