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

2023-01-03 14:52:45 浏览数 (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 运行项目

0 人点赞