javascript IDE 学习笔记

rou 2011-10-26

最近学习javascript,开始寻找像开发java一样的IDE,发现eclipse有很多插件可以实现js开发,其中aptana很不错,于是就在网上找资料不停的尝试。下面是本人整理的一些笔记,包括远程调试node.js插件。不多说了。专正题。

一,eclipse安装nodejs远程调试工具:

nodejs是基于v8javascript,v8提供了eclipse插件,eclipse所以通过安装v8插件可以实现对nodejs的调试。具体步骤如下所示。

1.help—install—workwith选择add,

名字随便,地址http://chromedevtools.googlecode.com/svn/update/dev/点击ok

选择如图所示,点击下一步,最后点击同意,完成安装。这个地方要选上面的那个,我选下面的那个安装老是报错。

1.nodejs调试。

新建helloword.js文件

varhttp=require('http');

http.createServer(function(req,res){

res.writeHead(200,{'Content-Type':'text/plain'});

res.end('HelloWorld\n');

}).listen(8124,"127.0.0.1");

console.log('Serverrunningathttp://127.0.0.1:8124/');

保存。

命令:node–debug-brkhello_word.js

以debug模式启动nodejs服务。

点选择debugconfig打开如下界面:

新建一个host:localhost端口采用默认端口:5858,点击debug,就可以进行调试,

双击左侧可以添加断点。然后就可以进行调试了。

二,ecipse添加javascript开发换件

javascript编辑器可以说有很多,最简单的使用记事本也可以,但是找一个好的编辑器可以大大提高工作效率,达到事半功倍的效果。

Adapata是一个比较好的编辑器,具有强大的js调试功能,但是他的js调试基于firefox,所以想要使用adpata进行js调试必须先安装firefox,adpata有eclipse插件版本,下面介绍如何给eclipse添加adpata插件。

我们采用在线安装的方式:

1.和安装v8插件一样,Eclipse的Help菜单中,选择SoftwareUpdates->FindandInstall...,这会打开Install/Update弹出窗口。

a.在Install/Update弹出窗口中,选择Searchfornewfeaturestoinstall选项并单击Next。

b.为了设置新的远程更新站点,单击NewRemoteSite...按钮,这会打开NewUpdateSite弹出窗口。

c.在NewUpdateSite弹出窗口中,在SiteName文本框中输入Aptana。

d.在URL文本框中,输入Aptana更新站点的URL:http://download.aptana.com/tools/studio/plugin/install/studio

注意去掉Groupitemsbycategory和Contactallupdatesitesduringinstalltofindrequiredsoftware两项.并单击OK

e.安装完成之后就可以在windows-openprespective找到

打开aptana视图。就可以随心所欲的开发js了。功能很强大的。

Aptana3

http://aptana.com/downloads/start

InstallingviaEclipse

PleasecopythefollowingUpdateSiteURLtoyourclipboardandthenfollowthestepslistedbelowtoaddthisURLtoyour

AvailableSoftwareSiteslist.AttemptingtoaccessthisURLusingyourwebbrowserwillreturnanAccessDeniederror.

http://download.aptana.com/studio3/plugin/install

1FromtheHelpmenu,selectInstallNewSoftware...toopentheInstallNewSoftwaredialog.

2PastetheURLfortheupdatesiteintotheWorkWithtextbox,andhittheEnter(orReturn)key.

3Inthepopulatedtablebelow,checktheboxnexttothenameoftheplug-in,andthenclicktheNextbutton.

4ClicktheNextbuttontogotothelicensepage.

5Choosetheoptiontoacceptthetermsofthelicenseagreement,andclicktheFinishbutton.

6YoumayneedtorestartEclipsetocontinue.

Prerequisites

BeforeyouinstalltheBetaRelease,youneedtohaveaworkingJava/Eclipsedevelopmentenvironment.Thatmeansyou

shouldhavethefollowingtoolsinstalledandworkingcorrectly:

·Sun(Oracle?)Java1.6.x(soonMac,youmustberunningOSX10.5.8orbetterona64bitmachine.Youcandownload

JDK1.6forOSX10.5here.)OpenJDKisnotsupported.

·Gitisrequiredbecauseitisusedinternallytoupdateyourscriptingenvironment.OnWindows,werecommendmsysgit

becausewealsorequireitsbashshellforexecutingcommands.Ifyoudon'thavemsysgitinstalled,Studio3willofferto

installalocalcopyofmsysgit'sportablegitvariantforitsowninternaluse.

·YoumustinstallintoEclipse3.5or3.6.

Aptana2

http://aptana.com/downloads/start

InstallingviaEclipse

PleasecopythefollowingUpdateSiteURLtoyourclipboardandthenfollowthestepslistedbelowtoaddthisURLtoyour

AvailableSoftwareSiteslist.AttemptingtoaccessthisURLusingyourwebbrowserwillreturnanAccessDeniederror.

http://download.aptana.com/tools/studio/plugin/install/studio

1FromtheHelpmenu,selectInstallNewSoftware...toopentheInstallNewSoftwaredialog.

2PastetheURLfortheupdatesiteintotheWorkWithtextbox,andhittheEnter(orReturn)key.

3Inthepopulatedtablebelow,checktheboxnexttothenameoftheplug-in,andthenclicktheNextbutton.

4ClicktheNextbuttontogotothelicensepage.

5Choosetheoptiontoacceptthetermsofthelicenseagreement,andclicktheFinishbutton.

6YoumayneedtorestartEclipsetocontinue.

http://blog.sina.com.cn/s/blog_4b93170a0100auh6.html

相关推荐