首先是该攻略的完整攻略:
DreamWeaver操作技巧大全(16条技能)
前言
DreamWeaver是一款常用于Web开发的集成开发环境。了解并掌握DreamWeaver的操作技巧,可以提高开发效率。本文总结了16条DreamWeaver操作技巧,供开发者参考。
目录
- 关闭代码自动补全和高亮
- 调试JavaScript代码
- 设置代码折叠
- 代码行间距隙调整
- 常用代码片段的设置
- 查看代码区域的高度和宽度
- 使用元素模板加速开发
- 使用代码提示功能
- 显示当前文件的包含文件
- 代码自动缩进
- 使用端到端服务
- 使用文件管理器
- 使用代码格式化
- 使用版本控制
- 使用设计视图功能
- 使用CSS表单国际化
1. 关闭代码自动补全和高亮
可以通过关闭代码自动补全和高亮来提高代码编辑性能。在 Preferences > Code Hints 中,把 Auto Popup Code Hints 和 Highlight Matching Tag 勾选取消。
2. 调试JavaScript代码
可以使用 DreamWeaver 内置的 JavaScript 调试器来调试 JavaScript 代码。在需调试的代码前面打上断点,并在运行时打开调试器,就可以逐步执行并调试代码了。
3. 设置代码折叠
可以通过设置代码折叠来提高代码编辑效率。在 Preferences > Code View 中,把 Enable Code Folding 勾选上,就可以在代码编辑器中看到代码折叠的效果了。
4. 代码行间距隙调整
可以通过调整代码行间距隙来提高代码编辑体验。在 Preferences > Code View > Fonts 中,把 Line Spacing 调整到合适的大小即可。
5. 常用代码片段的设置
可以通过设置常用代码片段来加速编写代码。在 Snippets 面板中,新建或编辑代码片段,就可以在需要时调用了。
示例说明:
在 Snippets 面板中,新建代码片段,命名为 img,内容为 <img src="" alt="">。
6. 查看代码区域的高度和宽度
可以通过查看代码区域的高度和宽度来编写响应式布局。在 View > Visual Aids > View Rulers 中,勾选 Show Rulers,就可以看到代码区域的高度和宽度了。
7. 使用元素模板加速开发
可以通过使用元素模板来加速开发。在 Insert > Element 中,选择一个元素,然后在 Properties 面板中,将需要的属性设置成默认值即可。
示例说明:
在 Insert > Element > Input 中,选择一个 Input 元素,然后在 Properties 面板中,将 Type 设置为 Text,Name 设置为 username,就可以快捷地插入一个文本输入框了。
8. 使用代码提示功能
可以通过使用代码提示功能来加速编写代码。在 Coding > Code Hints 中,DreamWeaver 会自动显示可能需要的代码内容,直接选择即可。
9. 显示当前文件的包含文件
可以通过显示当前文件的包含文件来方便修改。在 View > Server-Side Includes 中,勾选 Show Included Files,就可以看到当前文件包含哪些文件了。
10. 代码自动缩进
可以通过代码自动缩进来提高代码的可读性和编写效率。在 Preferences > Code View 中,把 Indent Using 和 Indent Styles 设置成需要的方式即可。
11. 使用端到端服务
可以通过使用端到端服务来快速搭建 Web 服务。在 Site > Manage Sites 中,选择一个网站,然后在 Testing Server 选项卡中,设置端到端服务相关的信息即可。
12. 使用文件管理器
可以通过使用文件管理器来管理大量文件。在 Files 面板中,可以方便地切换文件夹,查看文件夹和文件的属性,并进行文件操作等。
13. 使用代码格式化
可以通过使用代码格式化来提高代码可读性。在 Code > Format Document 中,会自动格式化代码,使其更加规范整洁。
14. 使用版本控制
可以通过使用版本控制来管理不同版本的代码。在 Site > Manage Sites > Versions 中,可以方便地查看和管理不同版本的代码。
15. 使用设计视图功能
可以通过使用设计视图功能来快速设计页面。在 View 中,选择 Design,就可以跳转到设计视图,进行页面设计。
16. 使用CSS表单国际化
可以通过使用CSS表单国际化来加速编写表单。在 CSS Styles 面板中,可以通过设置样式来快速实现表单国际化。
以上就是16条DreamWeaver操作技巧的攻略内容。
希望能够对开发者们有所帮助。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:DreamWeaver操作技巧大全(16条技能) - Python技术站