鍍金池/ 教程/ HTML/ 了解代碼編輯器
圖表工具
自主學(xué)習(xí)
HTML & CSS
安全工具
SEO: 搜索引擎優(yōu)化
Web/云/靜態(tài)主機托管工具
原型和框架工具
性能工具
第二部分: 學(xué)習(xí)
第三部分
靜態(tài)網(wǎng)頁生成器工具
全才神話
接口/API 設(shè)計
Web 開發(fā)者工具
CSS 工具
HTTP/網(wǎng)絡(luò)(包括 CORS 和 WebSockets)
Directed learning
JSON(JavaScript Object Notation)
多平臺開發(fā)
內(nèi)容管理托管/API工具
前端開發(fā)者常用的網(wǎng)絡(luò)技術(shù)
項目管理 & 代碼托管
圖形工具
JavaScript 錯誤監(jiān)控工具
Directed learning
模塊/包倉庫工具
HTML 工具
包管理器
靜態(tài)網(wǎng)頁生成器
模板工具
前端簡報, 資訊網(wǎng)站 & 博客
前端應(yīng)用架構(gòu)設(shè)計
測試框架工具
合作 & 交流工具
前端薪資
命令行
版本控制
了解代碼編輯器
前端數(shù)據(jù)存儲工具
模塊加載和依賴管理
模塊/包加載工具
前端開發(fā)的技術(shù)棧
Node.js
團隊中的前端
什么是前端開發(fā)者?
無障礙設(shè)計
腳手架工具
Web 動畫
第一部分:前端開發(fā)實踐
域名系統(tǒng)(又稱 DNS)
JavaScript
前端工作版塊
Web 主機
HTTP/網(wǎng)絡(luò)工具
網(wǎng)站/APP 監(jiān)控工具
前端的工作職稱
常用前端開發(fā)工具
部署工具
Web瀏覽器
用戶界面和交互設(shè)計
APP(桌面, 移動, 平板等) 工具
前端開發(fā)者的后端服務(wù)工具(又稱 BASS: Back-end as a service)
安全
SEO 工具
離線工具
數(shù)據(jù)可視化工具
無殼瀏覽器
JavaScript 工具
前端開發(fā)者從哪里學(xué)
SVG 工具
DOC/API 瀏覽工具
構(gòu)建和任務(wù)自動化
任務(wù)管理(又稱 構(gòu)建)工具
DOM, BOM & JQuery
前端開發(fā)綜合學(xué)習(xí)
如何成為前端開發(fā)者?
Internet/web
動畫工具
瀏覽工具
JSON 工具
前端開發(fā)者手冊
JS 測試
離線開發(fā)
DOM 工具
前端開發(fā)做什么
Web/瀏覽器 API
React
前端面試
UI 部件 & 組件工具
Web 字體 & 圖標
網(wǎng)站性能優(yōu)化

了解代碼編輯器

了解代碼編輯器

源代碼編輯器是一個文本編輯程序, 專門為編輯計算機程序源代碼的程序員而設(shè)計的, 它可能是一個獨立的應(yīng)用程序或內(nèi)置在集成開發(fā)環(huán)境(IDE)或web瀏覽器中. 源代碼編輯器是最基本的編程工具, ,作為程序員的基本工作就是編寫和編輯源代碼. - Wikipedia

前端代碼可以被一個簡單的文本編輯應(yīng)用程序(如: Notepad 或 TextEdit), 但是, 大多數(shù)前端人員使用專門為一種編程語言而設(shè)計的代碼編輯器編輯.

可以這么說, 代碼編輯器有各種各樣的類型和大小. 選擇一個編輯器是主觀行為。選擇一個, 學(xué)習(xí)它的使用,然后繼續(xù)學(xué)習(xí) HTML, CSS 和 JavasCript DOM.

但是, 我一直相信, 編輯器應(yīng)該有如下特點:

  • 一份不錯的關(guān)于如何使用編輯器的文檔
  • 報告 HTML, CSS 和 JavaScript 代碼的質(zhì)量
  • 為 HTML, CSS 和 JavaScript 提供語法高亮
  • 為 HTML, CSS 和 JavaScript 提供代碼自動完成
  • 通過插件的方式自定義編輯器架構(gòu)
  • 有大量的第三方倉庫/插件社區(qū), 能夠用于自定義編輯器
  • 輕量, 簡單, 不耦合代碼(不需要編輯代碼等等)

我個人推薦將下列的插件和 Sublime Text 一起使用:

Sublime 的學(xué)習(xí)資源:

代碼編輯器:

在線合作的代碼編輯器:

在線代碼編輯器:

上一篇:前端開發(fā)者手冊下一篇:JavaScript