• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >Dreamweaver教程 > Dreamweaver、Notepad++ 代码配色(提高自身代码阅读能力)

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含代码配色,代码阅读等相关知识,佚名 希望在学习及工作中可以帮助到您

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

  抱着以上两个缺点,我决定把电脑上现有的编辑器里的代码配色,统一全部修改,过程就不再描述了,直接放出两款编辑器的配色方案,分别是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++即可

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

您可能想查找下面的文章:

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

相关文章

  • 2017-08-06Dreamweaver建立的站点怎么更改图像的默认文件夹位置?
  • 2017-08-06Dreamweaver使用CSS样式表设置网页文本格式
  • 2017-08-06Dreamweaver浏览器测试图文教程
  • 2017-08-06网页中插入Flash按钮与文本
  • 2017-08-06Dreamweaver编辑网页预览的时候显示乱码该怎么办?
  • 2017-08-06Dreamweaver 8 无法启动的解决方案
  • 2017-08-06在Dreamweaver中利用CSS样式表设置网页
  • 2017-08-06Dreamweaver站点中新建文件夹和修改/删除/移动文件的操作方法
  • 2017-08-06dreamweaver怎么批量替换超链接?
  • 2017-08-06DW首选项参数怎么设置?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Dreamweaver浏览器测试图文教程
    • 怎么使用dreamweaver制作网页教程 dw建站设计网页
    • Dreamweaver小技巧之应用CSS样式表
    • Dreamweaver CC 2017怎么切换界面样式?
    • 修改Dreamweaver编辑器颜色样式(代码颜色)
    • Dreamweaver 正则表达式字符查找替换方法($1,$2使用说明)
    • Dreamweaver输入的文本字体怎么加粗?
    • Dreamweaver中怎么让html网页中的table边框细线显示?
    • Dreamweaver基础教程之主体的细分技巧
    • dreamweaver中怎么交互图像? dw制作鼠标经过图像换图的教程

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有