您的位置:首页 > 设计教程 > 网页设计 > 内页

如何使用Dreamweaver解析微信小程序的wxml和wxss后缀名文件

核心提示: 开发师常常遇到非标准的文件扩展名是用DreamWeaver打不开,如何让DreamWeaver能打开微信小程序扩展名为 wxml和 wxss的文件,我们的设置步骤如下(其他语言步骤也是一样)。

开发师常常遇到非标准的文件扩展名是用Adobe Dreamweaver打不开,如何让DreamWeaver能打开微信小程序扩展名为.wxml和.wxss的文件,我们的设置步骤如下(其他语言步骤也是一样)。

1.首先我们打开Dreamweaver安装目录,依次点击configuration/DocumentTypes/MMDocumentTypes.xml 打开这个xml文件。使用查找工具,找到winfileextension=“html,htm,shtml,shtm,stm,tpl,lasso,xhtml” 此行,将winfileextension=“html,htm,shtml,shtm,stm,tpl,lasso,xhtml” 改为winfileextension=“html,htm,wxml,shtml,shtm,stm,tpl,lasso,xhtml” 如果是苹果机则将macfileextension="html,htm,shtml,shtm,stm,tpl,lasso,xhtml"改为macfileextension="html,htm,wxml,shtml,shtm,stm,tpl,lasso,xhtml"然后保存文件,现在用Dreamweave打开.wxml文件就会以html的颜色方案来显示,如果是wxss可以将winfileextension="css"改为winfileextension=“css,wxss” 。

注:如是Vista 的用户,需要使用管理员账号打开。

2.此时如果仅仅是打开单个文件应该没有问题,但是如果我们要建立一个站点,双击右边的文件时会出现 “找不到此文件对应的有效编辑器” 解决办法是,打开Dreamweaver 依次点击 编辑/首选参数/文件类型和编辑器 在代码视图中打开 选项 追加一个.wxml的文件类型,此时问题解决。

3.我们要让这个.wxml文件和Dreamweaver关联,也就是说,我们双击.wxml文件是用Dreamweaver打开的,随便打开我的电脑中的一个文件夹依次点击 工具/文件夹选项/文件类型/新建 新建.wxml扩展名,然后点确定。然后从以注册文件类型列表中选择.wxml的扩展名,找到后,点击高级,然后点击更改图标,浏览到Dreamweaver安装目录下的Dreamweaver.exe此时会有很多图标选择,确定后,点新建浏览文件夹到Dreamweaver安装目录下的Dreamweaver.exe打开。操作选项可以随便填写。然后点击确定,OK此时双击.wxml的文件就可以用Dreamweaver打开了。

其也的扩展名使用以上方法可以打开。

经过上面的设置Dreamweaver可以打wxml,wxss等扩展名的文件,但是还有问题是:用到系统搜索功能是无法在这些文件夹中查找到相应的内容,很不完美,平时在做的一些小型的Php,Jsp系统,有时会用到ini文件来保存语言等字符串信息,在开发过程中常常需要对其进行搜索替换等操作,而由于ini文件在默认情况下是不被DreamWeaver所认识的,所以无法使用“整个当前本地站点”、“站点中选定的文件”等方式来查找内容。当然,使用“打开的文档”方式是可以查找的,但是实用性太差。所以,将ini文件纳入DreamWeaver的搜索目标,可以解决不少Web开发工作者的烦恼,当然,本文所述的方法对其它不被DreamWeaver识别的文件格式也具有同样的效力。

步骤1.修改保存了DreamWeaver文件格式定义的Extensions.txt文件,位置一般在DreamWeaver安装目录下的configuration目录中,在第一行“所有文档”的定义中加入“INI”的定义,注意用逗号分隔好哦,然后将“TXT:文本文件”这行改为“TXT,INI:文本文件”,保存并关闭。

步骤2.修改“DreamWeaver安装目录\configuration\DocumentTypes”目录下的MMDocumentTypes.xml文件,将其中“”这行的内容修改为“”,保存并关闭。

步骤3.对于使用Windows XP或更新版本操作系统的用户来说,还需要更改自己个人文件夹里的Extensions.txt文件,比如该文件在我计算机上的位置是“C:\Documents and Settings\Administrator\Application Data\Adobe\Dreamweaver 9\Configuration”,修改的内容与步骤1中所述一样。 注:以上方法在DreamWeaver CS3版本下测试通过,对于之前的DreamWeaver MX版本以及更新的版本,因为文件格式的保存机制是一样的,想来应该也有效。

文章源自 设计联盟 www.DesignLinks.cn 中国最具影响力的创意设计综合网站

编辑:Beach

资讯标签: Dreamweaver 微信 小程序 CSS
搜索推荐
设计联盟官方微信
设计联盟官方微信
微信公众号:designlinks
扫一扫 订阅最新资讯
回到顶部