一个前端开发从零开始配置前端开发环境纪实
2021年6月 · 预计阅读时间： 1 分钟
一个前端开发从零开始配置前端开发环境纪实#
统筹规划：代码相关都装在D盘，其他软件安装（及内置的下载路径）放E盘，尽量避免C盘。
视频教程：
【前端开发纪录片1/4】一个前端开发从零开始配置前端开发环境纪实 https://www.bilibili.com/video/BV125411K74E/
【前端开发纪录片2/4】一个前端开发从零开始配置前端开发环境纪实 https://www.bilibili.com/video/BV1J44y1B7UU/
【前端开发纪录片3/4】一个前端开发从零开始配置前端开发环境纪实 https://www.bilibili.com/video/BV1Jq4y1L7db/
【前端开发纪录片4/4】一个前端开发从零开始配置前端开发环境纪实 https://www.bilibili.com/video/BV1Uh411a7A1/
1 前端开发环境#
1.1 谷歌浏览器（首先登录自己的账号-同步书签；插件：React Developer Tools、JSONView、谷歌上网助手）
1.2 火狐浏览器 1.3 vscode
快速下载途径
https://zhuanlan.zhihu.com/p/112215618
1.3.1 vscode各种插件（汉化、代码格式化、自动保存、、、）
VScode 前端常用插件推荐 https://blog.csdn.net/qq_41895296/article/details/108105969
VSCode - Beautify插件配置 https://www.cnblogs.com/hukuangjie/p/11226948.html
1.4 git安装
1.5 github Desktop代码托管可视化工具
1.6 node.js安装
2 计算机常用软件及办公软件#
2.1 QQ
2.2 钉钉
2.3 微信
2.4 有道
2.5 Typora （写markdown用的）
2.6 Nodepad++
2.7 腾讯会议
3 个人习惯软件安装#
3.1 电脑管家
3.2 净网大师 （去弹窗广告）
3.3 坚果云（将本地文档实时同步云端，防丢失）
3.4 FSCapture （录屏软件）
3.5 shadowfly （上网的）
3.6 网易云
3.7 百度网盘
4 运行一个简单的前端项目#
4.1 创建一个react应用
https://zh-hans.reactjs.org/docs/create-a-new-react-app.html
5 搭建开发环境，运行实际开发项目#
5.1 配置vpn（前后端分离，用于请求服务器，获取后端的数据）
5.2 将gitLab关联到github desktop（方便自由拉取推送线上仓库代码，合作开发方便）
5.3 运行项目