一个前端开发从零开始配置前端开发环境纪实

一个前端开发从零开始配置前端开发环境纪实

统筹规划：代码相关都装在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 运行项目

注：

如果觉得这些内容有对你有用的话，就请点个赞吧~ 谢谢~

个人博客网站：https://zhangqiang.hk.cn

欢迎加入博主的前端学习qq交流群：706947563，专注前端开发，共同学习进步！

本文使用 文章同步助手 同步