功能摘要 | Dreamweaver | 19.0 版

了解 Dreamweaver 2018 年 10 月版(版本 19.0)的新增功能和增强功能

注意:

Dreamweaver 版本 19.0.1 包含对 Bootstrap 4.2.1 的支持,还修复了以前版本的 Dreamweaver 中存在的问题。建议所有用户安装这一更新。 

有关更多信息,请参阅使用 Bootstrap 设计响应式网站。有关在此版本的 Dreamweaver 中修复的错误的信息,请参阅在 Dreamweaver 中修复的问题

Dreamweaver 2018 年 10 月版(版本 19.0)推出了一些令 Web 设计人员和开发人员激动无比的新增功能。继续阅读,简要了解这些功能并获取提供更多相关信息的资源链接。

JavaScript 重构

作为 Web 开发人员,您现在可以使用 JavaScript 重构,利用范围感知功能智能地重命名函数和变量。只需一次单击,您就可以将匿名表达式或功能块转换为箭头表达式。在类/构造的上下文中为所选标识符创建 Get/Set 函数。您现在可以在当前范围中将表达式提取为变量,还可选择一段代码并为其创建 Try/Catch 块。

您可以在 HTML、PHP 和 JavaScript 文档类型中重构代码。当您右键单击 Dreamweaver 中的代码区域时,您可以在出现的菜单中选择“重构”。重构中包含一些有用的工作效率增强功能,它们是“重命名”“提取到变量”“提取到函数”“包装在 Try Catch 中”“包含在 Condition 中”“转换为箭头函数”“创建 Getter/Setter”

有关更多信息,请参阅如何在 Dreamweaver 中编写和编辑代码

JavaScript 重构选项
JavaScript 重构选项

ECMAScript 6 支持

ECMAScript 6 是 ECMA-262 标准的第六版,包含了 ECMAScript 规范的主要变化和改进。ECMAScript 是由 ECMA 国际标准化的脚本语言规范。 

Dreamweaver 现在支持 ECMAScript 6 语法。Web 开发人员现在可以利用 ECMAScript 6 的功能使用最新 JavaScript 更新。 

Dreamweaver 还支持 ECMAScript 代码的 linting,ESLint 默认为 JavaScript linter

有关详细信息,请参阅 Lint 代码

新版 CEF 集成

Web 设计人员或 Web 开发人员如果希望通过创建 HTML 标签或 CSS 属性来扩展 Web,则需要使用最新的 Web 开发功能。要查看最新功能的输出,Dreamweaver 开发人员必须使用“实时预览”,而不能使用“实时视图”。 

Dreamweaver 现已与新版 Chromium Embedded Framework (CEF) 集成。借助新版 CEF,实时视图现在可以渲染使用 CSS Grid 布局设计的页面。此外,此更改还可提供更好的 CSS 网格布局查看效果。 

集成新版 CEF 的 CSS 网格布局
集成新版 CEF 的 CSS 网格布局

安全性增强功能

Dreamweaver 现可提供多种安全增强功能,使其能够支持大多数托管服务提供商。 

OpenSSH 和 OpenSSL Dreamweaver 现已与全新 OpenSSH(版本 7.6)集成,可实现与多个托管服务器的无缝 SFTP 连接。OpenSSL 从 1.0.2K 版升级到 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 的启动屏幕

其他变化

查找和替换

“查找和替换”对话框中以前的保存和加载查询功能在此版本中又恢复了。有关更多信息,请参阅查找和替换文本、标签和属性

实时预览增强功能

实时预览现已提供在浏览器中切换以预览文档的选项。有关详细信息,请参阅预览页面

更快、更轻松地获得帮助

新用户?