A front-end development from scratch to configure a front-end development environment documentation

Overall planning: all codes are installed in disk D, other software installation (and built-in download path) in disk E, avoid disk C as far as possible.

Video tutorial:

A front-end development front-end developer documentary 1/4 】 【 front-end development environment from scratch configuration documentary www.bilibili.com/video/BV125…

A front-end development front-end developer documentary by 2/4 】 【 front-end development environment from scratch configuration documentary www.bilibili.com/video/BV1J4…

A front-end development front-end developer documentary 3/4 】 【 front-end development environment from scratch configuration documentary www.bilibili.com/video/BV1Jq…

A front-end development front-end developer documentary 4/4 】 【 front-end development environment from scratch configuration documentary www.bilibili.com/video/BV1Uh…

1 Front-end development environment

1.1 Google Chrome (first log in to your account – sync bookmarks; React Developer Tools, JSONView, Google Assistant

1.2 Firefox 1.3 VSCode

Quick download

​ zhuanlan.zhihu.com/p/112215618

1.3.1 VScode plug-ins (Chinese, code formatting, automatic saving, etc.)

blog.csdn.net/qq\_4189529…

VSCode – Beautify the plug-in configuration www.cnblogs.com/hukuangjie/…

1.4 the git installed

1.5 Github Desktop code hosting visualization tools

1.6 the node. Js installed

Common computer software and office software

2.1 QQ

2.2 nailing

2.3 WeChat

2.4 youdao

2.5 Typora (for markdown)

2.6 Nodepad++

2.7 Tencent Conference

3 people used to software installation

3.1 Computer Housekeeper

3.2 Net Master (go to pop-up ads)

3.3 Nut Cloud (Real-time synchronization of local documents to the cloud to prevent loss)

3.4 FSCapture (Screen recording software)

3.5 Shadowfly

3.6 netease cloud

3.7 Baidu Web disk

Run a simple front-end project

4.1 Creating a React Application

Zh-hans.reactjs.org/docs/create…

5. Set up development environment and run actual development projects

5.1 Configuring THE VPN (Separating the Front end from the Back End to request the server and obtain data from the back end)

5.2 Associate gitLab with Github Desktop (convenient to pull and push online warehouse code freely, convenient for cooperative development)

5.3 Running Projects

Note:

If you find any of this useful, please give it a thumbs up. Thank you

Personal blog website: Zhangqiang.hk.cn

Welcome to join the blogger front-end learning QQ exchange group: 706947563, focus on front-end development, learning and progress together!

This article uses the article synchronization assistant to synchronize