Web前端入门引导：

一、工具下载

No1、编辑器：Visual Studio Code、Webstorm（Webstorm下载2020.3版本，破解文档后附）、Notepad++

Visual Studio Code下载地址：	Visual Studio Code - Code Editing. Redefined
Webstorm下载地址：	Other Versions - WebStorm

Notepad++其实有vsc就没必要使用，需要的链接自取：https://notepad-plus-plus.org/downloads/

No2、开发工具：Node.js、git、webpack安装

Node.js下载地址	Node.js
git下载地址	Git - Downloads

二、环境配置

No1、Visual Studio Code插件：

可参考稀土掘金：2021 VSCode前端插件推荐 - 掘金

No2、Webstorm插件：

可参考稀土掘金：本来就是开发神器的WebStorm配上插件更不得了 - 掘金

No3、GIT详细安装教程：

可参考黑马程序员：Git安装教程：git工具安装详细步骤

使用教程可参考视频：

尚硅谷:​​​​​​尚硅谷Git入门到精通全套教程（涵盖GitHub\Gitee码云\GitLab）_哔哩哔哩_bilibili

白猫：[不求人] 白猫Git教程 拉取/提交/推送/新建分支/切换分支/合并分支/删除分支_哔哩哔哩_bilibili

No4、Node.js安装以及配置环境变量：

可参考：Node.js安装详细步骤教程(Windows版) - 码探长 - 博客园

注：第四步之前先配置淘宝镜像

npm命令配置淘宝镜像：npm config set registry https://registry.npm.taobao.org/

三、学习途径（多写、多练、多记）

No1、HTML+CSS基础

尚硅谷：（W3C API文档后附）尚硅谷Web前端零基础入门HTML5+CSS3基础教程丨初学者从入门到精通_哔哩哔哩_bilibili

No2、JavaScript基础、高级（ES5）

尚硅谷：（W3C API文档后附）尚硅谷JavaScript基础&实战丨JS入门到精通全套完整版_哔哩哔哩_bilibili

尚硅谷JavaScript高级教程(javascript实战进阶)_哔哩哔哩_bilibili

可参考网道文档：Array 对象 - JavaScript 教程 - 网道

No3、ES6

尚硅谷：尚硅谷Web前端ES6教程，涵盖ES6-ES11_哔哩哔哩_bilibili

可参考阮一峰文档：ES6 入门教程

No4、框架（jQuery、vue）

尚硅谷:

jQuery:尚硅谷jQuery教程(jquery从入门到精通)_哔哩哔哩_bilibili

vue:尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通_哔哩哔哩_bilibili

axios:尚硅谷_axios核心技术_哔哩哔哩_bilibili

四：附录（安装包、破解包资料）

webstorm激活教程请点击主页参考投稿文章

百度网盘：

链接：https://pan.baidu.com/s/1514boodyoaOx0XgnsQXmXw 
提取码：zcgy