前端学习推荐软件

前端学习推荐软件

最近有很多学习前端的同学私信问我不知道应该用什么学习软件，于是我决定出一期前端学习软件推荐博客（以下发言仅表示个人言论观点以及喜爱）

编辑器

我首先推荐的是VSCode，它是我用过编辑器里面最好用的之一。主要原因是因为它包含有许多插件，可以减轻我们书写代码和检查代码的时间，增加了我们书写代码的效率。

下载VSCode

• 方法一：官方网站下载：https://code.visualstudio.com/
  缺点：由于VSCode的服务器在外国，所以下载速度比较缓慢（无论你是千兆网还是百兆网）

• 方法二：Microsoft Store微软应用商店或者联想应用商店
  缺点：下载速度比较慢，有时候可能会下载失败

• 方法三：镜像网站（（英文:Mirror sites），又译作““镜像站点”，亦即把一个互联网上的网站数据“拷贝”到本地服务器，并保持本地服务器数据的同步更新，因此也称为“复制网络站点”.）
  https://vscode.cdn.azure.cn/stable/da15b6fd3ef856477bf6f4fb29ba1b7af717770d/VSCodeUserSetup-x64-1.67.1.exe

插件下载

Chinese (Simplified)简体中文

我们下载好VSCode后打开会出现全是英文的界面，这时候我们不要慌，打开最左边从上往下最后一个图标

然后搜索Chinese (Simplified)简体中文后下载完重启VSCode即可。

Markdown Preview Enhanced

这个插件是我平时学习时候所用的Markdown插件，Markdown对于学习前端的人用处很大，平时记笔记时候我们可以使用。

Chinese Lorem

简体中文的乱数假文插件（是指一篇常用于排版设计领域的拉丁文文章，主要的目的为测试文章或文字在不同字型、版型下看起来的效果，通常网站还没建设好时会出现这段文字）

Live Server

它作为一个实时服务器实时查看开发的网页或项目效果。

Auto Rename Tag

它来自动重命名标签的。安装该插件后，当我们想修改标签时，只需手动改变起始标签的名字，结束标签会跟着自动修改。

vscode-icons

它可以控制vscode中的文件管理的树目录显示图标。

浏览器

我推荐的浏览器是Google Chrome浏览器,因为它内核Webkit引擎比 Gecko 引擎高效稳定，兼容性好外，其源码结构清晰，易于维护，其对于前端开发来说是必不可少的优点，而且现在一些大厂开发阶段都是用Google Chrome浏览器。

推荐浏览器：Google Chrome

下载地址：Google Chrome

PS

在一些时候我们需要量取某些测量图像大小，距离，颜色和切图（当然这些东西现在用不上，在后期可能会用得上）

官网下载地址：https://www.adobe.com/cn/products/photoshop.html