代碼編輯工具：WebStorm、VS Code

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

代碼包管理工具：npm、Yarn

筆記工具：boardmix、Evernote、Typora

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

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

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

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

1. Visual Studio Code

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

2. Sublime Text

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

3. HBuilder

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

4. Adobe Dreamweaver

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

5. WebStorm

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