引子：工程师的开发环境配置决定其开发效率
1.IDE
IDE (Integrated Development Environment，集成开发环境）是含代码编辑、关键词高亮、智能感应、智能纠错、格式美化、版本管理等功能于一身的“高级代码编辑器”
每个IT工程师都要有自己趁手的IDE，它是我们的武器
| IDE名称 | 公司 | 是否免费 | 功能强大度 |
|---|---|---|---|
| Visual Studio Code | 微软 | 是 | 强大 |
| Sublime | 个人开发者是(但会弹出注册信息) | 是(但会弹出注册信息) | 适中 |
| Atom | github | 是 | 适中 |
| WebStorm | jetbrains | 否 | 非常强大 |
| HBuilder | DCloud | 是 | 非常强大 |
注意：千万不要说你使用 Dreamweaver 或者 notepad++ 写前端代码，会被人鄙视的（我猜的）
2.Git
基本命令：
git clone <项目远程地址>默认克隆master主分支内容git status查看自己的修改情况git diff <文件名>查看单个文件的差异
修改内容提交远程仓库
git add .添加所有新文件到暂存区git commit -m '注释 '提交修改并注释git push origin master推送到远程仓库
多人协作：
-
git pull origin master同步别人提交的内容 -
git checkout -b <branchname>创建并切换分支，如只切换分支去掉 -b 即可 -
git branch <branchname>查看本地所有分支
自己分支开发完成提交：
git add .
git commit -m "xxx"
git push origin <branchname>
代码测试完成，合并 master 分支，然后提交到远程服务器
git checkout master
git merge <branchname>
git push origin master
3.Linux
登录
- 运行
ssh name@server输入密码登录
目录操作
- 创建目录
mkdir <目录名称> - 删除目录
rm <目录名称> - 定位目录
cd <目录名称> - 查看目录文件
ls``ll - 修改目录名
mv <目录名称> <新目录名称> - 拷贝目录
cp <目录名称> <新目录名称>
文件操作
- 创建文件
touch <文件名称>vi <文件名称> - 删除文件
rm <文件名称> - 修改文件名
mv <文件名称> <新文件名称> - 拷贝文件
cp <文件名称> <新文件名称>
文件内容操作
- 查看文件
cat <文件名称>``head <文件名称>``tail <文件名称> - 编辑文件内容
vi <文件名称> - 查找文件内容
grep '关键字' <文件名称>
更多的可以看我这一篇文章哦：Git和Linux - 掘金 (juejin.cn)
4.前端构建工具
- 构建也可叫编译，将开发环境代码转换为运行（生产）环境
- 处理模块化语法
- 编译浏览器不认识或者太高级的语法，如less、sass、ts、es6
- 代码压缩混淆
- 现代Web框架都自带Cli，大部分情况不用你操心
这部分 Webpack 基本是神器了，它功能实在太多了，我之前总结过很多文章了，这里就不赘述了
5.抓包
抓包工具：
- 移动端h5页，查看网络请求，需要用工具抓包
- Windows 系统推荐使用 fiddler
- Mac 系统下推荐使用 charles
抓包：
- 手机和电脑连同一个局域网
- 将手机代理到电脑上
- 手机浏览网页，即可抓包
