了解最新版 Dreamweaver CC 的新增功能。
logo-mnemonic

Dreamweaver CC 2018 年 10 月版 (19.0 版) 針對網頁設計師和開發人員推出絕佳的新功能。繼續閱讀以快速了解這些功能,並取得提供詳細資訊的資源連結。


JavaScript 重構

身為網頁開發人員,您現在可以使用 JavaScript 重構,利用範圍感知功能聰明地重新命名函式和變數。只要按一下,您就能將匿名運算式或函式區塊轉換為箭頭運算式。在類別/建構的內容中,為選取的識別項建立 Get/Set 函式。您現在可以在目前的範圍中將運算式擷取為變數,以及選取一段程式碼,並為其建立 Try/Catch 區塊。

您可以在 HTML、PHP 和 JavaScript 文件類型中重構程式碼。您可以在 Dreamweaver 中的程式碼區域上按一下滑鼠右鍵,然後從出現的選單中選擇「重構」。重構中有一些可提高工作效率的實用增強功能,包括:重新命名擷取至變數擷取至函式包圍在 Try Catch 中包圍在條件中轉換為箭頭函式建立 Getters/Setters

如需詳細資訊,請參閱「如何在 Dreamweaver 中撰寫和編輯程式碼」。

JavaScript 重構選項
JavaScript 重構選項

ECMAScript 6 支援

ECMAScript 6 是 ECMA-262 標準的第 6 版,具備 ECMAScript 規格的主要變更和各項改進。ECMAScript 是由 ECMA International 標準化的指令碼語言規格。 

Dreamweaver 現在支援 ECMAScript 6 語法。網頁開發人員現在可以在最新的 JavaScript 更新中利用 ECMAScript 6 功能。 

Dreamweaver 也支援 ECMAScript 程式碼的 linting 分析,其中將 ESLint 預設為 JavaScript linter

如需詳細資訊,請參閱「Lint 程式碼」。

新的 CEF 整合

身為網頁設計人員或網頁開發人員,當您想要建立 HTML 標記或 CSS 屬性來擴充網頁時,就需要使用最新的網頁開發功能。若要檢視最新功能的輸出,Dreamweaver 開發人員必須使用「即時預覽」而非「即時檢視」。 

Dreamweaver 現在已與最新版 Chromium Embedded Framework (CEF) 整合。透過新的 CEF,「即時檢視」現在可呈現使用 CSS 格線版面所設計的頁面。此外,您也可以透過這項變更檢視更好的 CSS 格線版面。 

包含新 CEF 整合的 CSS 格線版面
包含新 CEF 整合的 CSS 格線版面

安全性增強功能

Dreamweaver 現在提供多種安全性增強功能,使其能支援大多數的代管服務供應商。 

OpenSSH 和 OpenSSL:Dreamweaver 現在與新的 OpenSSH (7.6 版) 整合,可實現與多個代管伺服器的順暢 SFTP 連線。OpenSSL 已從 1.0.2 K 版升級至 1.0.2o 版。

LibCURL:Dreamweaver 現在與新的 Lib Curl 版本 (已從 7.38 升級至 7.60) 整合,為用戶提供安全的連線。

Node.js 版本已升級至 6.14.0 版。

zlib 版本已升級至 1.2.11 版。

首頁畫面

當您啟動 Dreamweaver 時,現在會顯示改善的「首頁」畫面,其中的選項可以:

  • 開啟各種教學課程,協助您快速學習和了解基本概念、工作流程、祕訣和技巧
  • 建立新的文件或開啟現有的文件

首頁」畫面的內容是根據您對 Dreamweaver 的熟悉程度及您的 Creative Cloud 會籍計劃所定製。

如需詳細資訊,請參閱「 Dreamweaver 工作區」。

Dreamweaver 的啟動畫面
Dreamweaver 的啟動畫面

其他變更

尋找和取代

在這個版本中,先前在「尋找和取代」對話方塊中的「儲存查詢」和「載入查詢」功能又回來了。如需詳細資訊,請參閱「尋找和取代文字、標籤和屬性」。

即時預覽增強功能

即時預覽現在提供一個選項,可讓您切換成在瀏覽器中預覽文件。如需詳細資訊,請參閱「預覽頁面」。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策