首页前端开发HTMLDreamweaver、Notepad++ 代码配色(提高自身代码阅读能力)

Dreamweaver、Notepad++ 代码配色(提高自身代码阅读能力)

时间2024-01-28 13:53:02发布访客分类HTML浏览369
导读:收集整理的这篇文章主要介绍了Dreamweaver、Notepad++ 代码配色(提高自身代码阅读能力 ,觉得挺不错的,现在分享给大家,也给大家做个参考。 我们都知道,各大编辑器的默认代码配色都是很单一的,或者说色调相近。其缺...
收集整理的这篇文章主要介绍了Dreamweaver、Notepad++ 代码配色(提高自身代码阅读能力),觉得挺不错的,现在分享给大家,也给大家做个参考。

  我们都知道,各大编辑器的默认代码配色都是很单一的,或者说色调相近。其缺点其一就是难以阅读,变量名、函数名、方法名等等,当这些代码不能一眼就区分出是什么,就会大大降低自身代码阅读能力;其二是阅读疲劳,通常编辑器的背景都是白色,长时间盯着一大片刺眼的白色,眼睛长时间盯着很容易疲劳。

  抱着以上两个缺点,我决定把电脑上现有的编辑器里的代码配色,统一全部修改,过程就不再描述了,直接放出两款编辑器的配色方案,分别是Dreamweaver和Notepad++。

  首先是Dreamweaver,这个我搜了很多地方,才勉强找到一个支持语言相对比较多的配色方案,当然,我常用的就是HTML、CSS、JS、PHP了,没记错的话,它还支持ASP、.NET、XML等其他一些语言的配色方案。

Dreamweaver配色方案效果图

  接着就是Notepad++的配色方案了,我故意找了一款和Dreamweaver配色方案几乎一样的,目的就是习惯沿用,如果两款编辑器的配色方案差别较大,我还要花时间分别去适应两款配色方案,得不偿失。

Notepad++代码配色方案效果图

  两款配色方案下载地址(如果点击后直接打开XML文件,那就右键目标另存为):Dreamweaver、Notepad++

注意:Colors.xml是Dreamweaver的配置文件。

  使用方法(红色部分是我的计算机名,你们只需换成当前自己使用的用户名即可):

  1、Dreamweaver 将Colors.xml放到C:\Users\hooray\AppData\Roaming\Adobe\Dreamweaver CS5\zh_CN\configuration\CodeColoring下,重启Dreamweaver即可

  2、Notepad++ 将stylers.xml放到C:\Users\hooray\AppData\Roaming\Notepad++下,重启Notepad++即可

不过因为版本不同,我们可以通过搜索软件的安装路径寻找。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: Dreamweaver临时文件工作原理介绍下一篇:Dreamweaver代码视图字体更改(让...猜你在找的Dreamweaver教程相关文章 dreamweaver[dw9dw8cs3 cs5]安装视频教程2022-04-15Dreamweaver复制粘贴怎么去除格式? DW设置只复制文本的技巧2022-04-15Dreamweaver窗口大小在哪里设置? dw设置窗口大小的技巧2022-04-15dreamweaver网页上怎么制作DIV图层?2022-04-15Dreamweaver怎么输入项目符号? dw项目符号的添加方法2022-04-15DW2018移动文件时怎么设置从不更新链接?2022-04-15Dw CC 2018速记css样式怎么关闭列表样式?2022-04-15DwCC2018双字节内联输入怎么实现?2022-04-15Dreamweaver2018怎么开启临时文件预览?2022-04-15Dw CC 2018怎么设置上载前先保存文件? Dreamweaver站点的设置方法2022-04-15 其他相关热搜词更多phpjavapython程序员

若转载请注明出处: Dreamweaver、Notepad++ 代码配色(提高自身代码阅读能力)
本文地址: https://pptw.com/jishu/589725.html
Dreamweaver怎么使用流体网格布局? Dreamweaver中框架的使用技巧

游客 回复需填写必要信息