代碼編輯工具：WebStorm、VS Code

代碼版本控制工具：Git、SVN

代碼包管理工具：npm、Yarn

筆記工具：boardmix、Evernote、Typora

前端構(gòu)建工具：Webpack、Vite

調(diào)試工具：瀏覽器開發(fā)工具

響應(yīng)式設(shè)計工具：Bootstrap、Material-UI

瀏覽器插件：easy auto refresh、FeHelper(前端助手)、Vue Devtools

1. Visual Studio Code

Visual Studio Code(簡稱VSCode)是一款由微軟公司開發(fā)的，功能十分強(qiáng)大的輕量級編輯器。該編輯器提供了豐富的快捷鍵，集成了語法高亮、可定制熱鍵綁定、括號匹配以及代碼片段收集的特性，并且支持多種語法和文件格式的編寫。

2. Sublime Text

Sublme Text是一個輕量級的代碼編輯器，具有友好的用戶界面，支持拼寫檢查、書簽、自定義按鍵綁定等功能，還可以通過靈活的插件機(jī)制擴(kuò)展編輯器的功能，其插件可以利用Python 語言開發(fā)。Sublime Text是一個跨平臺的編輯器，支持W indows.Linux、macoS等操作系統(tǒng)。

3. HBuilder

HBuilder是由DClbud(數(shù)字天堂)公司推出的一款支持HTML.5的Web開發(fā)編輯器，在前端開發(fā)、移動開發(fā)方面提供了豐富的功能和貼心的用戶體驗，還為基于HTML5的移動端App開發(fā)提供了良好的支持。

4. Adobe Dreamweaver

A dobe Dresm weaver是一個集網(wǎng)頁制作和網(wǎng)站管理于一身的所見即所得的網(wǎng)頁編輯器，用于幫助網(wǎng)頁設(shè)計師提高網(wǎng)頁制作效率，簡化網(wǎng)頁開發(fā)的難度和字習(xí)HTML、CSS的門檻。但缺點(diǎn)是可視化編輯功能會產(chǎn)生大量冗余代碼，而且不適合開發(fā)結(jié)構(gòu)復(fù)雜、需要大量動態(tài)交互的網(wǎng)頁。

5. WebStorm

WebStom是JetB rains公司推出的一款W eb前端開發(fā)工具，JavaScript、HTM L5開發(fā)是其強(qiáng)項，支持許多流行的前端技術(shù)，如Query、Prototype、Less、Sass、AngularJS、ESLint,webpack等。點(diǎn)擊了解更多報名詳情>>>