`
linmomo02
  • 浏览: 181459 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript IDE 学习笔记

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

一, eclipse 安装nodejs远程调试工具:
nodejs是基于v8 javascript,v8提供了eclipse插件,eclipse所以通过安装v8插件可以实现对nodejs的调试。具体步骤如下所示。
1.help—install—workwith 选择add,
名字随便,地址http://chromedevtools.googlecode.com/svn/update/dev/  点击ok

选择如图所示,点击下一步,最后点击同意,完成安装。这个地方要选上面的那个,我选下面的那个安装老是报错。
1. nodejs调试。
新建helloword.js文件
var http= require('http');
http.createServer(function (req, res) {
    res.writeHead(200, {'Content-Type': 'text/plain'});
    res.end('Hello World\n');
}).listen(8124, "127.0.0.1");
console.log('Server running at http://127.0.0.1:8124/');
保存。
命令:node –debug-brk hello_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 菜单中,选择 Software Updates->Find and Install...,这会打开 Install/Update 弹出窗口。
a. 在 Install/Update 弹出窗口中,选择 Search for new features to install 选项并单击 Next。
b. 为了设置新的远程更新站点,单击 New Remote Site... 按钮,这会打开 New Update Site 弹出窗口。
c. 在 New Update Site 弹出窗口中,在 Site Name 文本框中输入 Aptana。
d. 在 URL 文本框中,输入 Aptana 更新站点的 URL:http://download.aptana.com/tools/studio/plugin/install/studio
注意去掉Group items by category 和 Contact all update sites during install to find required software 两项.并单击 OK
e. 安装完成之后就可以在windows-open prespective 找到
打开aptana视图。就可以随心所欲的开发js了。功能很强大的。



Aptana 3

http://aptana.com/downloads/start

Installing via Eclipse

Please copy the following Update Site URL to your clipboard and then follow the steps listed below to add this URL to your

Available Software Sites list. Attempting to access this URL using your web browser will return an Access Denied error.

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

1 From the Help menu, select Install New Software... to open the Install New Software dialog.

2 Paste the URL for the update site into the Work With text box, and hit the Enter (or Return) key.

3 In the populated table below, check the box next to the name of the plug-in, and then click the Next button.

4 Click the Next button to go to the license page.

5 Choose the option to accept the terms of the license agreement, and click the Finish button.

6 You may need to restart Eclipse to continue.


Prerequisites

Before you install the Beta Release, you need to have a working Java/Eclipse development environment. That means you

should have the following tools installed and working correctly:

· Sun (Oracle?) Java 1.6.x (so on Mac, you must be running OS X 10.5.8 or better on a 64 bit machine. You can download

JDK 1.6 for OS X 10.5 here.) OpenJDK is not supported.

· Git is required because it is used internally to update your scripting environment. On Windows, we recommend msysgit

because we also require its bash shell for executing commands. If you don't have msysgit installed, Studio 3 will offer to

install a local copy of msysgit's portable git variant for its own internal use.

· You must install into Eclipse 3.5 or 3.6.





Aptana 2

http://aptana.com/downloads/start

Installing via Eclipse

Please copy the following Update Site URL to your clipboard and then follow the steps listed below to add this URL to your

Available Software Sites list. Attempting to access this URL using your web browser will return an Access Denied error.

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

1 From the Help menu, select Install New Software... to open the Install New Software dialog.

2 Paste the URL for the update site into the Work With text box, and hit the Enter (or Return) key.

3 In the populated table below, check the box next to the name of the plug-in, and then click the Next button.

4 Click the Next button to go to the license page.

5 Choose the option to accept the terms of the license agreement, and click the Finish button.

6 You may need to restart Eclipse to continue.






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

分享到:
评论
1 楼 zhangyaochun 2011-10-26  
一般情况下对于fe 一个notepad就可以了

相关推荐

    狂神Java学习笔记————前端入门——html、css、JavaScript学习代码

    【狂神Java学习笔记——前端入门——HTML、CSS、JavaScript学习代码】是针对初学者的一份详实的学习资料,这份笔记记录了跟随B站知名up主“遇见狂神说”的java系列视频中关于前端开发的基础内容。笔记内容不仅与视频...

    JavaScript学习笔记.doc

    JavaScript是一种广泛应用于Web开发的轻量级脚本语言,它主要负责增强网页的交互性和动态功能。...对于初学者,可以尝试使用在线编辑器或集成开发环境(IDE)来编写和调试JavaScript代码,以便于理解和学习。

    JavaScript学习笔记记录我的旅程

    开发过程中,可以利用像Visual Studio(VS)这样的集成开发环境(IDE)提供的调试工具,对JavaScript代码进行逐行调试,更有效地定位和修复问题。 总之,JavaScript作为一门客户端编程语言,它使得网页更具交互性和...

    javascript学习笔记

    此外,还有像Visual Studio Code这样的集成开发环境(IDE),提供丰富的插件和代码补全功能,帮助开发者高效编写JavaScript代码。 在实际使用中,JavaScript通常通过`<script>`标签内联嵌入HTML文档,或者引用外部....

    韩顺平编写的java学习笔记(全)

    ### 韩顺平编写的Java学习笔记概览 #### Java平台分类与运行机制 - **J2SE(Java 2 Platform, Standard Edition)**: 标准版Java开发平台,适用于桌面应用程序开发。 - **J2EE(Java 2 Platform, Enterprise ...

    韩顺平javascript课堂笔记完整版

    - 尽管简单的JavaScript编写可以用记事本完成,但更复杂的开发通常使用IDE,如MyEclipse,现在的Web开发者更倾向于使用Visual Studio Code、Sublime Text或WebStorm等专业编辑器。 4. **案例分析**: - 案例1展示...

    Eclipse 开发学习笔记第17章源码

    在本章"Eclipse开发学习笔记第17章源码"中,我们将深入探讨如何使用Eclipse集成开发环境(IDE)来构建一个实际的在线购物系统。这个实例将涵盖多个关键的IT知识点,包括软件工程的设计原则、Java编程、Web应用程序...

    JavaScript心得笔记

    JavaScript心得笔记涵盖了JavaScript的基本概念、用途、语法以及在HTML中的应用。JavaScript是一种广泛应用于Web开发的轻量级脚本语言,它是所有现代浏览器和HTML5的默认语言,可用于服务器、PC、笔记本电脑、平板...

    qt经典学习笔记

    QT的学习笔记对于初学者来说,是一份非常宝贵的资源,因为它通常包含了作者在学习过程中的心得、技巧和实践经验。 这篇"qt经典学习笔记"很可能是作者在深入理解QT的过程中,逐步积累并整理的知识结晶。以下将基于这...

    delphi,jquery,mysql学习笔记

    综上所述,"delphi,jquery,mysql学习笔记"这个压缩包文件很可能包含了作者在学习这三个技术时的详细记录。通过学习笔记,你可以了解到作者的学习路径,获取到实践案例,这对初学者来说是一份宝贵的资源。不论你是想...

    JS学习笔记.docx

    这份"JS学习笔记.docx"是针对JavaScript初学者的入门资料,旨在帮助读者快速掌握JavaScript的基础知识。 一、常用快捷键 在编程中,快捷键能够提高编程效率。在JavaScript开发中,熟悉如Ctrl+C(复制)、Ctrl+V...

    java学习笔记

    ### Java学习笔记知识点详解 #### Java 平台与开发概述 - **Java平台分类:** - **J2SE(Java SE):** 标准版,适用于桌面应用程序开发。 - **J2EE(Java EE):** 企业版,专为Web应用和服务端应用程序设计。 -...

    javaWeb学习笔记.pdf

    ### JavaWeb 学习笔记知识点总结 #### 一、JSP 概述 - **定义**: JSP(Java Server Pages)是一种基于Java的服务器端技术,用于创建动态网页。它结合了HTML标记、脚本语言(如JavaScript)以及Java代码片段来生成...

    ZK-AJAX学习笔记

    从给定的文件信息来看,这是一份详细的ZK-AJAX学习笔记,记录了从准备环境、下载运行ZK到深入学习各个组件的过程。ZK是一款基于Ajax的开源Web应用框架,它允许开发者使用类似桌面应用的组件来构建Web应用,而无需...

    javaScript笔记

    综上所述,这篇JavaScript笔记涵盖了从基础语法到高级特性的全面学习,同时也涉及到了与之相关的工具和技术,如模板引擎Freemarker和开发环境的构建。通过深入理解和实践这些知识点,开发者可以提升JavaScript编程...

    java学习笔记(javase)

    以下是一些Java学习笔记中的关键知识点,它们涵盖了从基础到进阶的概念。 1. JSP页面中静态包含文件(如HTML文件) 在JSP中,可以通过`<jsp:include>`标签来实现静态包含其他HTML、JSP或XML文件,这样可以提高代码...

    ext api,ext 学习笔记,SWFUpload_多文件上传及部分工具

    在EXT学习笔记中,"What_is_that_Scope_all_about2.htm"可能涉及的是JavaScript作用域和EXT中的scope概念,这对于理解和调试EXT应用中的事件处理和回调函数至关重要。"JsonTool.htm"可能介绍了EXT如何与JSON数据进行...

    Cocos2d-android-1学习笔记

    【Cocos2d-android-1学习笔记】 Cocos2d是一个开源的游戏开发框架,它为开发者提供了构建2D游戏、动态应用以及各种图形交互式体验的工具。在Android平台上,Cocos2d-x是一个非常流行的分支,它用C++编写,并且支持...

    asp.net学习笔记

    本学习笔记主要涵盖ASP.NET的基础概念、核心组件、开发环境搭建、网页设计、数据访问以及高级特性等内容。 一、基础概念 ASP.NET是一种服务器端技术,它允许开发者使用多种编程语言(如C#、VB.NET)编写代码,并在...

Global site tag (gtag.js) - Google Analytics