Widget开发环境搭建指南-vue开发环境搭建

本文和大家重点学习一下如何建立Widget开发环境，主要有九个步骤，相信通过本文的学习你对Widget开发环境搭建有明确的认识。

如何建立Widget开发环境

1.到Aptana.com下载common版本的Aptana_Studio_Setup.exe，common版本有些功能没有，但是是免费的，够用了。

2.安装Aptana前先安装最新版的Firefox.

3.安装Aptana后，直接用Aptana新建一个工程，建的时候一路回车即可，不用选任何勾。

4.然后在这下面建个html文件即可在firefox中调试看效果了。

搭建Widget开发环境时如果嫌在Aptana中编辑看不到可视化编辑环境，可以先在FrontPage（用安装vc6后就有点interdev也不错）中编辑好（如表格、字体），然后再把代码拷过来。

5.在工程下加上Info.plist文件(编辑里面的内容，指向你的那个html文件名)后就可以放到S60模拟器上运行了。

6.直接点击工程名称，按键ctrl+c,再粘贴到外边随便哪个文件夹里，然后右键单击此文件夹，选择添加到压缩文件，压缩格式选择zip，文件名后缀的.zip改为.wgz，然后回车即可。

7.搭建Widget开发环境时如果没有安装S60的模拟器，下载最新版S60的SDK（Java的或c++的都行，其实这两个都是一样的），下载时选第一个一般下载模式，可以右键用旋风等多线程下载工具下载的，安装了SDK后，在程序菜单中就可以找到手机模拟器了。在模拟器上选左上角的第一个菜单的第一项，然后选择刚才的wgz文件，一路选择是即可，模拟器会自动安装好的，安装100%进度点确定后，最后还会报一个好像失败的提示，不用担心，其实是已经安装成功了的。

8.然后从模拟器的菜单选择程序，已经安装的程序，就可以看到你的那个Widget了，点击即可运行。

9.第二次安装时会自动覆盖上一次安装的同一个程序。有时会发生安装成功后没生效或其他异常，关掉模拟器，再打开模拟器就正常了。

【编辑推荐】