前端開發筆記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...

接下來可以通過瀏覽器暢遊在代碼的海洋裏了

大家加油喲~