前端开发笔记1-编译器的安装以及调试工具的安装使用

在学习前端知识体系的二十天后，记录自己第一篇关于前端的文章。在这里向同学们分享一下我自己的学习过程，不一定适合你，却可以做一个参考。

起初要学习前端时，最好先对前端做一个大概的了解，记住！了解即可。之后开始进入学习，我采用的方法是边学边敲代码，并且是视频+网站互作参考。

在开始正式学习之前可以给自己计划一个时间，并且按比例分配时间到具体内容知识。

众所周知，前端分为三大块 HTML CSS JavaScript 如何分配时间就要根据同学们自己的实际情况了，我就不啰嗦了。但是有一点需要注意，前端各种知识十分零碎，有些同学可能会陷入到熟悉各种命令函数的陷阱去。千万要小心！

我自己学习前端知识时，有公司同事们的帮助，所以学起来会事半功倍，这里感谢公司以及同事们。

 

 

好了，叨叨完毕后进入今天的主题，如何安装前端开发的工具（工欲善其事，必先利其器）。

首先安装webstorm，这个软件在前端界是无人不知无人不晓（听起来有点夸张，但却是事实）

 

首先找到webstorm的官网https://www.jetbrains.com/webstorm/?fromMenu 点击下载，根据提示一步步安装即可

安装成功后会弹出一个注册框

 

首先找到本机的hosts文件，在文件加上一句

0.0.0.0 account.jetbrains.com

类似于这样

不知道hosts文件在哪可以在c盘搜索一下 

设置完成后我们将这个网址获得的注册码放入弹出框内

注册码网址 http://idea.lanyus.com/

点击ok即可免费使用webstorm了

 

然后我们还需要下载一个好用的调试工具，网址如下

http://www.browsersync.cn/

按照官网提示进行安装即可

 

启动命令官网同样也有

启动后如下

       Local: http://localhost:3000
    External: http://192.168.178.1:3000
 --------------------------------------
          UI: http://localhost:3001
 UI External: http://localhost:3001
 --------------------------------------
[Browsersync] Serving files from: ./
[Browsersync] Watching files...

接下来可以通过浏览器畅游在代码的海洋里了

大家加油哟~