Github最炫酷編輯器Atom即將退休：挺了11年

Github最炫酷編輯器Atom即將退休：挺了11年，終究敗給VS Code

輯：David

【新智元導(dǎo)讀】誕生11年的Atom，終究還是沒頂過VS Code一家獨(dú)大，在金主爸爸微軟壓力下，能挺這么久才正式「退休」，已經(jīng)實(shí)屬不易。

再見了，Atom！

Github官網(wǎng)發(fā)布公告，陪伴開發(fā)者走過11年的文本編輯器 Atom 即將正式謝幕。

今后，在代碼編輯器這一塊，恐怕就是 VS Code一家獨(dú)大了。

這份公告中，除了宣布Atom即將告別的消息外，還為目前Atom下的項(xiàng)目和資源庫留出了6個月的緩沖期。

Github表示，將在2022年12月15日將基于Atom下的所有項(xiàng)目歸檔。

十一年，終告別：還是沒干過VS Code

2011年，當(dāng)Github在2011年推出Atom時，目標(biāo)是要為開發(fā)者提供一個可深入定制、又易于使用的文本編輯器，一個讓更多人能夠打造軟件的編輯器。

Atom 是 GitHub 在 2011 年專門為程序員推出的一個跨平臺文本編輯器，具有簡潔和直觀的圖形用戶界面，并有很多有趣的特點(diǎn)：支持 CSS，HTML，JavaScript 等網(wǎng)頁編程語言。

Atom支持宏，可以自動完成分屏功能，還集成了文件管理器。

那為什么，現(xiàn)在要讓Atom退休呢？

按照Github的說法，就是最近幾年大家都不大愛用Atom了。

而且，和本地編輯器比起來，未來的軟件開發(fā)，主要重點(diǎn)會在云端。

和VS Code比，差在哪了？

盡管Github沒有明說，但實(shí)際上，讓Atom的謝幕最大推手，就是現(xiàn)在風(fēng)頭正勁的微軟VS Code。

VS Code 是微軟2015年推出的一款免費(fèi)、跨平臺、開源的代碼編輯工具，主要就是和Atom「打擂臺」的。

與Atom相比，VS Code 具有更多的「開箱即用」的功能，不僅支持集成開發(fā)環(huán)境的功能，還提供更多語言和模塊功能的原生支持。

作為微軟的「旗艦級」編輯器，VS Code 支持構(gòu)建和調(diào)試應(yīng)用程序、Git 集成、Markdown 支持等核心功能。

相比之下，Atom的定制化功能實(shí)現(xiàn)大部分要依賴插件擴(kuò)展，其本身自帶的核心功能明顯少于VS Code。

而且，微軟在 2018 年收購了 GitHub，將 Atom 和 VS Code 整合到一個屋檐下，進(jìn)一步蠶食了Atom的用戶群和社區(qū)資源。

根據(jù) Stack Overflow 的 2021 年一項(xiàng)開發(fā)者調(diào)查顯示，只有不到 13% 的開發(fā)者使用 Atom 作為主要開發(fā)環(huán)境，僅僅勉強(qiáng)擠進(jìn)前十。

相比之下，有超過 71% 的人使用 VS Code作為首選開發(fā)環(huán)境，在調(diào)查結(jié)果中以絕對優(yōu)勢高居榜首。

這項(xiàng)調(diào)查邀請開發(fā)者對幾種主流編輯器進(jìn)行分項(xiàng)評價并打分。

可以看到，在「可擴(kuò)展性」和「學(xué)習(xí)曲線」上，Atom 和 VS Code打了個平手，但在另外兩項(xiàng)，即「用戶體驗(yàn)」、「性能」上，VS Code均占據(jù)明顯優(yōu)勢。

最終的綜合評價，VS Code為A，Atom為B。

由于評價打分存在「+/-」，實(shí)際上Atom被VS Code拉開了兩個檔位。

因?yàn)橛玫娜酥饾u減少，在過去幾年里，盡管Atom的維護(hù)和安全更新一直在持續(xù)，但并沒有重大功能升級和改進(jìn)。

Github表示，近幾年，隨著基于云端的新編輯工具不斷完善，Atom社區(qū)的熱度、開發(fā)者的參與度已經(jīng)明顯下降。

「因此，我們決定關(guān)閉Atom，以便專注于通過GitHub Codespaces增強(qiáng)開發(fā)者在云端的使用體驗(yàn)。」

這是一個「艱難的告別」。

Atom是Electron框架的基礎(chǔ)，該框架為成千上萬的應(yīng)用程序的開發(fā)鋪平了道路，包括后來居上的 VS Code都是基于同樣框架開發(fā)的。

Github表示，可靠性、安全性和性能是GitHub的核心，這個決定是為了更好地服務(wù)開發(fā)者社區(qū)，優(yōu)先考慮適合「未來軟件開發(fā)」的技術(shù)。

網(wǎng)友：用過Atom，確實(shí)卡

只看Github的官方公告，Atom這款10多年前的老編輯器也算是有個體面的「善終」了。

但在網(wǎng)友看來，其實(shí)滿不是那么回事的。

有博主在社交媒體上表示，這事背后就是體現(xiàn)了Github的「大金主」微軟的意志。

他認(rèn)為，作為一個和VS Code定位重合的產(chǎn)品，挺過了四年才被拋棄，已經(jīng)算是很不容易了，相信Atom項(xiàng)目組是沒少爭取的。

在這條微博的評論區(qū)，有網(wǎng)友講的更直接：

別說那么多，Atom被退休，就是因?yàn)殡y用，使用體驗(yàn)就是一個字：卡！

甚至有網(wǎng)友表示，在幾家主流編輯器里，Atom簡直可以競爭「最卡編輯器」了，核心性能不行，功能再多也沒用。

還有人感慨，這幾年也算是從編輯器的發(fā)展中，見證了前端的發(fā)展，從2017年以來，國內(nèi)編輯器領(lǐng)域幾乎全是VS Code的天下了。

參考資料：

https://github.blog/2022-06-08-sunsetting-atom/

https://sahil-more.medium.com/what-code-editor-to-choose-b52a0f52a20d

這篇文章中，我們將介紹CSS框架的基礎(chǔ)知識，根據(jù)您的前端開發(fā)需求，哪個框架最好。

本文研究：為什么要使用CSS框架以及哪個框架適合您。

什么是CSS框架？

CSS框架提供了一個基本結(jié)構(gòu)，用于設(shè)計(jì)一致的解決方案，以解決前端Web開發(fā)中的常見問題。它們提供了可以針對特定方案和應(yīng)用程序重寫的通用功能。這大大減少了開始創(chuàng)建應(yīng)用程序和網(wǎng)站所需的時間。

這樣，開發(fā)人員無需在每次構(gòu)建應(yīng)用程序時從頭開始。他們可以重用早期應(yīng)用程序的基礎(chǔ)，直接處理網(wǎng)站或應(yīng)用程序的關(guān)鍵，而不是為每個應(yīng)用程序反復(fù)編寫每個小細(xì)節(jié)。

總結(jié)一下：框架是處理常見類型問題的一套標(biāo)準(zhǔn)化概念，實(shí)踐和標(biāo)準(zhǔn)，可用作參考，幫助我們處理和解決類似性質(zhì)的新問題。

庫和框架

庫和框架之間的關(guān)鍵區(qū)別在于控制所在。在庫中，控制權(quán)由呼叫者決定，即你。這意味著您可以控制庫何時執(zhí)行特定功能，除了該任務(wù)之外，其余代碼獨(dú)立于庫。

在框架的情況下，該控件被反轉(zhuǎn)。控制流程在框架中，您可以在適合您的用例的位置進(jìn)行自定義。

關(guān)于框架是否更好的爭論很多。但我對這個話題采取了更為中立的態(tài)度。答案就像許多其他辯論一樣，取決于它。如果您與擁有各種不同技能的團(tuán)隊(duì)成員的團(tuán)隊(duì)合作，并且在截止日期前按下，那么框架就會提供結(jié)構(gòu)和組織。圖書不會在這里解決你的問題。

另一方面，框架可能會有很多不必要的代碼，這會增加應(yīng)用程序的開銷。對于您可能根本不使用的函數(shù)，這是數(shù)百行代碼。框架的范圍也可能限制您的應(yīng)用程序，因?yàn)閼?yīng)用程序存在于框架內(nèi)。但無論是圖書館還是框架，這些利弊都不是普遍的。例如，在較小的項(xiàng)目中，為了完成特定任務(wù)，多個庫可能就足夠了。在處理框架可能有助于處理項(xiàng)目的大范圍的企業(yè)項(xiàng)目時，這可能不起作用。

使用CSS框架有什么好處？

我們先來看看最明顯的一些。節(jié)省時間和一致的結(jié)構(gòu)。

由于開發(fā)人員不必每次都從頭開始，因此他們能夠節(jié)省時間并專注于特定于應(yīng)用程序的問題，而不是環(huán)境的較小細(xì)節(jié)。能夠重用代碼的方面是一個重要的優(yōu)點(diǎn)。

框架提供的預(yù)定義結(jié)構(gòu)有助于保持應(yīng)用程序及其各種組件之間的一致性。前端框架中提供的包通常由HTML，CSS和JavaScript文件組成，用于確保應(yīng)用程序中的各個頁面具有統(tǒng)一的設(shè)計(jì)，排版，表單等。例如，非常流行的Bootstrap框架，在Twitter上作為樣式啟動內(nèi)部工具開發(fā)指南。

簡而言之：

更輕松的代碼維護(hù)。
項(xiàng)目的一致組織結(jié)構(gòu)。
響應(yīng)式媒體查詢。
工具提示，按鈕，表格等的統(tǒng)一樣式
適合界面的一致字體和圖標(biāo)集。

另一個原因是框架可以在開發(fā)項(xiàng)目時為開發(fā)人員提供一定程度的獨(dú)立性。開發(fā)人員不一定需要設(shè)計(jì)人員提供的每個設(shè)計(jì)元素的紅線規(guī)范。它們具有由框架固有實(shí)現(xiàn)的一致設(shè)計(jì)方案，并且可以根據(jù)其要求在特定情況下定制元素。這并不是說設(shè)計(jì)師在使用框架時會變得多余。這只意味著開發(fā)人員不需要參考每個元素的紅線或設(shè)計(jì)指南來獲得像素完美均勻性。

設(shè)計(jì)師還可以使用框架來減少他們花在設(shè)計(jì)基本元素（如按鈕和表單）上的時間。相反，他們可以專注于設(shè)計(jì)中的其他優(yōu)先事項(xiàng)。因此，框架可以減少設(shè)計(jì)人員與開發(fā)人員協(xié)作的開銷。

為了更好地理解通用框架對簡單設(shè)計(jì)系統(tǒng)或樣式指南的吸引力，請考慮這一點(diǎn)。

操縱桿是專為電子藝術(shù)家（EA）內(nèi)部使用而設(shè)計(jì)的框架。它的概念最初是作為一個設(shè)計(jì)系統(tǒng)，但體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)意識到開發(fā)人員更喜歡擁有實(shí)際的可實(shí)現(xiàn)元素而不是樣式指南。樣式指南和PDF指南并不能真正幫助開發(fā)人員，因?yàn)樗麄內(nèi)匀豢梢詫⑦@些指南轉(zhuǎn)化為有用的標(biāo)記。

開發(fā)人員和工程師必須出售的想法是，操縱桿從第一天起就會從中受益。他們有能力在有或沒有設(shè)計(jì)師的情況下每天制作和運(yùn)送東西，這是利用Bootstrap或Foundation等流行框架的一個因素。

通過為開發(fā)人員，設(shè)計(jì)人員和編寫人員提供框架，體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)能夠提供可擴(kuò)展和實(shí)施的可靠交付物。這有助于在整個團(tuán)隊(duì)中實(shí)現(xiàn)一致性并減少他們的努力。他們能夠通過一件事來解決規(guī)模和可重復(fù)使用問題。

有哪些不同的框架可供選擇？

Boostrap

Boostrap我最受歡迎的前端框架之一，當(dāng)然是Bootstrap。雖然作為內(nèi)部團(tuán)隊(duì)的工具而開發(fā)，但一旦發(fā)布，其采用率就會大大增加。它為常見的UI組件提供設(shè)計(jì)模板，如按鈕，排版，表單，下拉列表，警報，選項(xiàng)卡，輪播以及可選的JavaScript擴(kuò)展。

您可以輕松地使用Bootstrap創(chuàng)建響應(yīng)式布局，Bootstrap 3通過其移動優(yōu)先功能強(qiáng)調(diào)了這一點(diǎn)。使用Bootstrap在12列網(wǎng)格系統(tǒng)中組織元素的能力可跨設(shè)備提供干凈，一致的設(shè)計(jì)。Bootstrap 使用Less樣式表，但也已移植到Sass（作為單獨(dú)的存儲庫維護(hù)），因此兩者的用戶都可以是內(nèi)容。

由于其強(qiáng)大的支持，許多團(tuán)隊(duì)也更喜歡Bootstrap。Bootstrap目前在其GitHub存儲庫中有來自約900個貢獻(xiàn)者的16,000多次提交。

今天在3.4％的網(wǎng)絡(luò)上使用，在百萬頁的20％中使用。
優(yōu)先考慮速度優(yōu)先的項(xiàng)目。
預(yù)處理器：Less，Sass。
響應(yīng)和移動優(yōu)先。

Foundation

Foundation是一個響應(yīng)式前端框架，用于為跨多個設(shè)備的站點(diǎn)創(chuàng)建快速原型和生產(chǎn)代碼。就像Twitter是Bootstrap背后的支持者一樣，Zurb是基金會背后的組織。您可以在華盛頓郵報的網(wǎng)站以及國家地理教育網(wǎng)站上看到基金會。Foundation基于940px網(wǎng)格系統(tǒng)，而Bootstrap基于1,170px網(wǎng)格布局。

使用Foundation的一個優(yōu)點(diǎn)是能夠快速啟動原型，因?yàn)榭蚣艿穆愎墙Y(jié)構(gòu)和提供的啟動器模板。就華盛頓郵報而言，設(shè)計(jì)團(tuán)隊(duì)能夠在15分鐘內(nèi)創(chuàng)建故事原型來測試設(shè)計(jì)。基金會對GitHub上超過940名貢獻(xiàn)者的超過14,000次提交提供了很好的支持。

有助于快速原型設(shè)計(jì)。
適用于Sass樣式表。
提供更大的靈活性
預(yù)處理器：Sass。
該框架還提供業(yè)務(wù)支持，培訓(xùn)和咨詢。

Skeleton

Skeleton是一個“簡單，響應(yīng)迅速的樣板。”Skeleton非常適合小型項(xiàng)目，或者如果輕量級是優(yōu)先級（它只有大約400行未壓縮的代碼）。樣式設(shè)計(jì)更多的是一個起點(diǎn)，而不是UI框架。Skeleton因其輕巧的特性而非常適合以移動設(shè)備為主題的設(shè)計(jì)。

Skeleton也是初學(xué)者到前端框架的一個很好的起點(diǎn)。它有簡潔的代碼和簡單的布局。由于缺乏CSS豐富性和模板，這也意味著在涉及更大的項(xiàng)目時會略有不匹配。原型設(shè)計(jì)也不是Skeleton中最快的。

輕量級框架，只有大約400行代碼。
不適合大型項(xiàng)目; 缺乏廣泛的模板。
非常適合以移動為中心的設(shè)計(jì)。
沒有預(yù)處理器。
初學(xué)者的良好起點(diǎn)。

UI Kit

UI Kit元素易于定制和輕量級。它提供了用于快速構(gòu)建Web界面的模板。除了包含所有HTML，CSS和JavaScript文件的安裝包外，它還包含Sublime Text和Atom編輯器的自動完成包，以便用戶不必一次又一次地查找UI Kit類名和標(biāo)記。

Foundation，Boostrap和UI Kit之間的關(guān)鍵區(qū)別是網(wǎng)格系統(tǒng)。UI Kit不使用12列網(wǎng)格設(shè)置，而是將布局分解為三個組件，即網(wǎng)格，彈性和寬度。使用網(wǎng)格組件，可以根據(jù)需要創(chuàng)建任意數(shù)量的列。

響應(yīng)輕便。
預(yù)處理器：Less，Sass。
不限于12列網(wǎng)格。
能夠擴(kuò)展和自定義圖標(biāo)。

除此之外，您可以為您的項(xiàng)目嘗試的其他框架是

TukTuk - 響應(yīng)迅速，輕巧; 面向?qū)ο蟮腃SS; 用CoffeeScript編寫。
語義UI - 使用自然語言原則使代碼更具可讀性; 較少的預(yù)處理器; 響應(yīng)簡化的調(diào)試。
YAML - 非常纖薄的框架核心（5.9 kB）; Sass預(yù)處理器; 防彈模塊; 適用于IE 6+。
960網(wǎng)格系統(tǒng) - 流體和響應(yīng); 提供12列或16列網(wǎng)格選項(xiàng); 適用于快速原型制作以及生產(chǎn)環(huán)境。

要查看更廣泛的CSS前端框架列表，請參閱此完整列表。

最后的想法

雖然前端框架現(xiàn)在廣泛使用，無論是在個人項(xiàng)目還是專業(yè)項(xiàng)目中，一些反對使用框架的論據(jù)都會持續(xù)存在。這些圍繞編寫您自己的設(shè)計(jì)網(wǎng)格，而不是使用響應(yīng)框架之一，增加加載時間，所有網(wǎng)站看起來相同的趨勢，以及框架帶來的不必要的膨脹。

如前所述，它因案例和項(xiàng)目而異。如果它適合您的項(xiàng)目，則無需三思而后行。框架具有足夠的好處以保證其使用。在為項(xiàng)目選擇正確的框架時，請考慮其中的一些要點(diǎn)。它是否有足夠的支持和更新來跟上？它是否適合您的項(xiàng)目規(guī)模和未來可能的擴(kuò)展？是否有良好的文檔備份？

TML編輯器是一種用于創(chuàng)建、編輯和預(yù)覽HTML（超文本標(biāo)記語言）代碼的工具或應(yīng)用程序。它提供了一個直觀的界面，使用戶能夠輕松地編寫和設(shè)計(jì)網(wǎng)頁內(nèi)容。本文主要介紹HTML 常用編輯器(Visual Studio Code、Sublime Text、Atom、Notepad++和Dreamweaver)。

參考文檔：https://www.cjavapy.com/article/3299/

1、Visual Studio Code（VS Code ）

Visual Studio Code（簡稱VS Code）是一款由微軟開發(fā)的跨平臺源代碼編輯器，支持Windows、macOS和Linux等多種操作系統(tǒng)。它被廣泛用于Web開發(fā)，包括編輯HTML、CSS、JavaScript等前端技術(shù)。VS Code是一款輕量級的代碼編輯器，啟動迅速，占用資源少。VS Code提供了豐富的擴(kuò)展和插件，可以根據(jù)需求安裝插件來增強(qiáng)編輯器功能。

1）安裝和配置

官網(wǎng)地址：Visual Studio Code - Code Editing. Redefined

根據(jù)操作系統(tǒng)下載并安裝相應(yīng)版本的VS Code。打開VS Code后，可以根據(jù)自己的喜好配置編輯器設(shè)置，如主題、字體等。

2）新建HTML文件

在 VS Code 安裝完成后，選擇" 文件(F)->新建文件(N) "，在新建的文件中輸入以下代碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>編程之路(cjavapy.com)</title>
</head>
<body>
 
<h1>我的第一個標(biāo)題</h1>
 
<p>我的第一個段落。</p>
 
</body>
</html>

3）編輯HTML文件

在VS Code中，點(diǎn)擊左上角的"文件"菜單，選擇"打開文件"，或者使用快捷鍵Ctrl+O（Windows）或Cmd+O（macOS）來打開HTML文件。

在編輯器中可以直接修改HTML文件的內(nèi)容。VS Code會自動識別HTML標(biāo)記，并提供代碼高亮和智能提示功能。編輯完成后，使用快捷鍵Ctrl+S（Windows）或Cmd+S（macOS）來保存HTML文件。

4）插件推薦

HTML CSS Support：提供對HTML和CSS的支持，包括代碼片段、自動補(bǔ)全等功能。

Live Server：啟動一個本地開發(fā)服務(wù)器，實(shí)時預(yù)覽HTML頁面的效果。

Prettier：格式化HTML代碼，使代碼結(jié)構(gòu)更整潔。

Auto Close Tag：自動閉合HTML標(biāo)簽，提高編碼效率。

Bracket Pair Colorizer：對成對的括號進(jìn)行著色，方便識別代碼塊。

2、Sublime Text

Sublime Text是一款流行的跨平臺源代碼編輯器，支持Windows、macOS和Linux等多種操作系統(tǒng)。它被廣泛用于Web開發(fā)，包括編輯HTML、CSS、JavaScript等前端技術(shù)。

Sublime Text的界面非常簡潔，沒有多余的菜單和工具欄，更便于專注于代碼編輯。Sublime Text支持多種編程語言，包括HTML、CSS、JavaScript、Python、Java等。Sublime Text擁有強(qiáng)大的插件系統(tǒng)，用戶可以根據(jù)需要安裝插件來擴(kuò)展編輯器功能。用戶可以自定義快捷鍵、主題、顏色方案等，以滿足個性化需求。Sublime Text啟動迅速，響應(yīng)快速，適合于快速編輯代碼。

1）安裝和配置

官網(wǎng)地址：Sublime Text - Text Editing, Done Right

根據(jù)操作系統(tǒng)下載并安裝相應(yīng)版本的Sublime Text。打開Sublime Text后，可以根據(jù)自己的喜好進(jìn)行編輯器設(shè)置，如字體、主題等。

2）新建HTML文件

在Sublime Text 安裝完成后，選擇" File->New File "，在新建的文件中輸入以下代碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>編程之路(cjavapy.com)</title>
</head>
<body>
 
<h1>我的第一個標(biāo)題</h1>
 
<p>我的第一個段落。</p>
 
</body>
</html>

3）編輯HTML文件

在Sublime Text中，點(diǎn)擊左上角的"File"菜單，選擇"Open File"，或者使用快捷鍵Ctrl+O（Windows）或Cmd+O（macOS）來打開HTML文件。在編輯器中可以直接修改HTML文件的內(nèi)容。Sublime Text會自動識別HTML標(biāo)記，并提供代碼高亮和智能提示功能。編輯完成后，使用快捷鍵Ctrl+S（Windows）或Cmd+S（macOS）來保存HTML文件。

4）插件推薦

Emmet：提供HTML/CSS快速編寫和自動完成功能，可以大大提高編碼效率。

Sublime Linter：對代碼進(jìn)行實(shí)時語法檢查，幫助發(fā)現(xiàn)潛在的錯誤和警告。

Color Highlighter：對CSS中的顏色進(jìn)行高亮顯示，方便調(diào)試和修改樣式。

SideBarEnhancements：增強(qiáng)側(cè)邊欄功能，提供更多文件操作選項(xiàng)。

3、Dreamweaver

Dreamweaver是由Adobe公司開發(fā)的一款全球知名的網(wǎng)頁設(shè)計(jì)和開發(fā)工具。它為開發(fā)人員和設(shè)計(jì)師提供了一個可視化的界面，可以直觀地創(chuàng)建和編輯網(wǎng)頁內(nèi)容，同時也支持手動編輯代碼。Dreamweaver提供可視化界面，可以直觀地拖拽和編輯網(wǎng)頁元素，無需手動編寫代碼。除了可視化界面，Dreamweaver也支持手動編輯代碼，適合于開發(fā)人員和設(shè)計(jì)師。Dreamweaver可在Windows和macOS等多個平臺上運(yùn)行。Dreamweaver集成了代碼編輯器、預(yù)覽窗口、文件管理器等功能，提供全面的開發(fā)環(huán)境。

1）安裝和配置

官網(wǎng)地址：Website design software | Adobe Dreamweaver

根據(jù)操作系統(tǒng)下載并安裝相應(yīng)版本的Dreamweaver。打開Dreamweaver后，，根據(jù)需要進(jìn)行編輯器設(shè)置，如界面語言、字體、代碼顏色等。

2）編輯HTML文件

在Dreamweaver中，點(diǎn)擊左上角的"File"菜單，選擇"New"，然后選擇"HTML"，即可新建一個空白的HTML文件。內(nèi)容如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>編程之路(cjavapy.com)</title>
</head>
<body>
 
<h1>我的第一個標(biāo)題</h1>
 
<p>我的第一個段落。</p>
 
</body>
</html>

使用可視化界面，可以直接拖拽頁面元素、調(diào)整布局、插入圖片等。若需要手動編輯HTML代碼，可以在下方的代碼編輯器中進(jìn)行修改。Dreamweaver會自動提供代碼補(bǔ)全和語法高亮功能。在Dreamweaver中，可以實(shí)時預(yù)覽網(wǎng)頁效果，點(diǎn)擊右上角的"Live View"按鈕即可。

3）CSS和JavaScript支持

Dreamweaver也支持CSS和JavaScript的編輯和預(yù)覽，可以幫助創(chuàng)建更豐富的網(wǎng)頁效果。在編輯器中可以直接編輯CSS樣式和JavaScript代碼，并實(shí)時查看效果。

4）網(wǎng)頁上傳和發(fā)布

Dreamweaver集成了FTP功能，可以直接將編輯好的網(wǎng)頁上傳到服務(wù)器。點(diǎn)擊"Site"菜單，選擇"Manage Sites"，配置好站點(diǎn)設(shè)置，即可進(jìn)行上傳和發(fā)布。

5）Dreamweaver模板和庫

Dreamweaver提供模板和庫功能，可以保存和復(fù)用常用的網(wǎng)頁元素和樣式，提高開發(fā)效率。

參考文檔：https://www.cjavapy.com/article/3299/

在線咨詢

上一篇：JavaScript中的String類型
下一篇：有這三種方式，使用Python抽取網(wǎng)頁內(nèi)容不用愁

您的項(xiàng)目需求

*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

Github最炫酷編輯器Atom即將退休：挺了11年

【新智元導(dǎo)讀】誕生11年的Atom，終究還是沒頂過VS Code一家獨(dú)大，在金主爸爸微軟壓力下，能挺這么久才正式「退休」，已經(jīng)實(shí)屬不易。

十一年，終告別：還是沒干過VS Code

和VS Code比，差在哪了？

網(wǎng)友：用過Atom，確實(shí)卡

1、Visual Studio Code（VS Code ）

2、Sublime Text

3、Dreamweaver

您的項(xiàng)目需求