前端開發環境工具介紹-編輯器篇



前端編輯器我該如何選擇?

前言

對於剛剛入行不久的Web前端新手來說，在開發工具的選擇方面或許會顯得有些力不從心，畢竟相關的開發工具也是非常之多，以至於許多新手一時不知道從何下手。

為了解決這個問題，今天筆者就為大家介紹幾個開發工具，感興趣的朋友可以自己嘗試一下


  1. Visual Studio Code（簡稱 VS Code）



一款由微軟開發且跨平台的免費原始碼編輯器，生態環境良好，支持常見的語法提示，運行速度快，佔用內存少，開發效率高。該軟體支援語法突顯、程式碼自動補全（又稱 IntelliSense）、程式碼重構功能，並且內建了命令列工具和 Git 版本控制系統。使用者可以更改佈景主題和鍵盤捷徑實現個人化設定，也可以透過內建的擴充元件程式商店安裝擴充元件以加強軟體功能。
官方連結: Visual Studio Code

  1. Sublime Text



Sublime Text是一套跨平台的文字編輯器，支持基於Python的外掛程式，原則是不免費的，但有對應註冊碼，所以對使用影響不大，語法提示、程式碼自動補全、擴充元件等功能都不錯，界面簡潔、輕便靈活，運行速度也非常快，唯一不足就是配置上不是很方便，而且也存在一定版本兼容問題，大多數的擴充元件使用自由軟體授權釋出，並由社群建置維護。
官方連結: Sublime Text

  1. Notepad++


Notepad++是自由軟體的純文字編輯器，主要應用在Windows平台下，非常輕巧靈活，運行速度快，支持多窗口切換，有完整的中文介面及支援多國語言撰寫的功能。它的功能比Windows的記事本豐富，簡單來說就是記事本的增強版，除了可用來製作一般純文字檔案，也十分適合用作撰寫電腦程式的編輯器。有語法醒目提示，也有語法摺疊功能，並支援巨集以及擴充基本功能的外掛模組。
官方連結: Notepad++

  1. HBuilder



這是中國產的一個免費Web前端開發編輯器，界面乾淨，運行速度快，語法提示，優先支持Markdown功能，除此之外，還自帶有雲端打包功能，可以將前端開發的網頁打包為手機APP。
官方連結: HBuilder




  1. WebStorm


這是前端開發中一個比較專業的編輯器，相比較其它編輯器來說，體積比較大，功能也更複雜，常見的語法醒目提示、程式碼自動補全、Git 版本控制系統，這個編輯器都能很好的支持，除此之外，還支持程式碼偵錯、重構等功能，在專案管理、團隊合作開發中經常會用到。

官方連結: WebStorm






結論

就大概分享這5個Web前端開發工具吧。對於零基礎入門來說，完全夠用了。

當然，你也可以使用其它的編輯器，像Atom，Editplus等，也都可以，選擇適合自己的一種就行。

前端網頁開發中，目前最常遇到的是VS code 但沒有一定，選個最順手的用就好。


有其它問題可以在以下留言我會抽空回答大家的，謝謝各位


留言

張貼留言