javascript编辑工具调试工具校验工具格式化标准化工具知识汇总

 

在 Notepad++ 运行 JavaScript Lint 工具来校验JS代码

前端开发工具中编辑器从最初的 DreamWeaver，到后来的 Aptana，一直用到了现在的 Notepad++。

在JavaScript代码校验工具中，JavaScript Lint 与 Douglas Crockford 的 JSLint 完全不是一款东东，据说比它检验代码更为严苛。而想要在 Notepad++ 中运行 JavaScript Lint 工具，先要装Notepad++插件：NppExec，以命令行的方式来运行这款工具。这样便整合到 Notepad++ 的里面了。

打开Execute(F6)，输入如下的命令(如图所示)：

"D:\jsl\jsl.exe" -conf "D:\jsl\jsl.default.conf" -process "$(FULL_CURRENT_PATH)"

要注意命令行里面的“D:\jsl\jsl.exe”和“D:\jsl\jsl.default.conf”一定要和你设置的本地文件路径一样。

然后，Save(保存)这个命令为 JavaScript Lint。点击OK执行试试看：

在Console窗口中显示的对JS代码的校验果然够严苛！哈哈。不过，2个代码的小bug本人就无视了。

原文出处http://www.cnblogs.com/georgewing/archive/2010/11/19/1881833.html

 

用Aptana调试JavaScript教程（转）

 

这是博客组成员$(’demo’)原创的Aptana Debug JavaScript教程，由于图片发布的原因，$(’demo’)交予我发布的，我对本文的少许文字做了修改。感谢$(’demo’)！

 

前期工作

1.       你必须安装firefox浏览器；

2.       到http://support.aptana.com/asap/browse/STU-1769 下载并安装aptanadebugger 及 firebug；这两个都是firefox插件；

这样我们就可以调试脚本了。

 

今天就通过一个小例子，来讲下Aptana Debug JavaScript； 点击下载这个例子

 

1. 在Aptana 的默认面板， 也就是右上角 Aptana图标被激活时，

   在左侧面板Project 新建一个项目[单击右键新建]

a.       新建项目 css88 ， 注意： 在新建项目是是文件夹/文件的路径不要出现中文字符， 不然会无法调试， 比如不要把文件放在桌面（在中文版系统中）如图：

b.       右键单击 css88 项目， 新建一个css88.js 文件 如图：

  

2. 现在就对刚创建的css88.js进行调试

   单击右上角 debug图标

   接下来通过调试来展示Aptana Debug的各个功能 如图：

        

   如果在Debug界面下，找不到功能面板，到window菜单下的show view 进行添加 如图：

        

   第一步： 添加断点【双击行号， 删除也一样双击】如图：

        

   第二步： 单击debug 图标 ，运行firefox 如图：

     如果在firefox中出现一下界面如图，那么你就可以调试了，

        

     仔细看下firefox右下角图标Aptanadebugger 和Firebug 图标都亮了起来，及网页状态

     回到Aptana, 可以看到 如图

   第三步: 分析下右边各面板的功能

 

3. 以上我对aptana的使用经验， 如果你有好的技巧不妨分享下！

   如果是在使用aptana过程中遇到难题， 请留言，大家一起解决难题，或者加入javascript讨论qq群（7617538）。
http://www.css88.com/archives/category/develop-tool/page/3

 

 

原文出处 http://www.cnblogs.com/aaa6818162/archive/2009/07/30/1535253.html

 

Aptana一些快键用法

 

每个快捷键的说明都分四部分，用逗号隔开，第一个是所属的分类，第二个是功能描述，第三部分才是快捷键，第四部分指适用的当前环境或焦点

All   Aptana  Editors,Format,Ctrl+Shift+F, Aptana  Editors
//格式化代码
All   Aptana  Editors,Open Declaration,F3, Aptana  Editors
//
All   Aptana  Editors,Show Documentation,F2, Aptana  Editors
//显示提示
All   Aptana  Editors,Show Whitespace,Ctrl+., Aptana  Editors
All   Aptana  Editors,Toggle JS Comments,Ctrl+/, Aptana  Editors
//javascript中注释单行
Edit,Content Assist,Alt+/,In Dialogs and Windows
//代码提示
Edit,Context Information,Alt+?,In Windows
//
Edit,Context Information,Alt+Shift+?,In Windows
//
Edit,Context Information,Ctrl+Shift+Space,In Windows
//
Edit,Copy,Ctrl+C,In Dialogs and Windows
//复制
Edit,Copy,Ctrl+Insert,In Dialogs and Windows
//复制
Edit,Cut,Ctrl+X,In Dialogs and Windows
//剪切
Edit,Cut,Shift+Delete,In Dialogs and Windows
//剪切
Edit,Delete,Delete,In Windows
//删除
Edit,Extract Partial,Ctrl+Alt+X,ERB/RHTML Editor
//
Edit,Find Next,Ctrl+K,Editing Text
//查找下一个

Edit,Find Previous,Ctrl+Shift+K,Editing Text
//查找前一个

Edit,Find and Replace,Ctrl+F,In Windows
//查找,替换

Edit,Incremental Find,Ctrl+J,Editing Text
//增量查找

Edit,Incremental Find Reverse,Ctrl+Shift+J,Editing Text

Edit,Paste,Ctrl+V,In Dialogs and Windows
//粘贴

Edit,Paste,Shift+Insert,In Dialogs and Windows
//粘贴

Edit,Quick Diff Toggle,Ctrl+Shift+Q,Editing Text
//加亮行号/去除加亮

Edit,Quick Fix,Ctrl+1,In Windows
//

Edit,Redo,Ctrl+Y,In Windows
//

Edit,Ruby Content Assist,Ctrl+Space,ERB/RHTML Editor

Edit,Ruby Content Assist,Ctrl+Space,Ruby Editor

Edit,Select All,Ctrl+A,In Dialogs and Windows
//全选

Edit,Shift Left,Ctrl+Alt+Left,Editing Text
//当前行向左移动一个制表符位(当前光标可以在行的任意位置)

Edit,Shift Right,Ctrl+Alt+Right,Editing Text
//当前行向右移动一个制表符位(当前光标可以在行的任意位置)

Edit,Show RDoc,F2,Ruby Editor

Edit,Toggle Insert Mode,Ctrl+Shift+Insert,Editing Text

Edit,Undo,Ctrl+Z,In Windows
//撤销

Edit,Word Completion,Ctrl+Alt+/,Editing Text
//补全单词(这个功能跟自动完成不一样，自动完成一指当输入语言关键字,或者定义过的变量,方法等时
IDE出现下拉列表,让你选择来自动完成，而单词补全是指，对上下文中输入过的单词，进行补全。当然当
你已经输入过某些语言及语法关键字时，这些单词才会包含在单词补全的范围内。)

File,Close,Ctrl+F4,In Windows
//关闭 Aptana

File,Close,Ctrl+W,In Windows
//关闭当前光标所在的文件

File,Close All,Ctrl+Shift+F4,In Windows
//关闭所有打开的文件

File,Close All,Ctrl+Shift+W,In Windows
//关闭所有打开的文件

File,New,Ctrl+N,In Windows
//打开新建文件对话框

File,New menu,Alt+Shift+N,In Windows
//调出新建菜单(新建工程,新建文本文件,新建CSS文件等等..。)

File,Open File...,Ctrl+O,In Windows
//调出打开文件对话框

File,Print,Ctrl+P,In Windows
//调出打印对话框

File,Properties,Alt+Enter,In Windows
//查看当前文件或者文件目录属性

File,Refresh,F5,In Windows
//刷新

File,Rename,F2,In Windows
//重命名

File,Save,Ctrl+S,In Windows
//保存当前编辑的文件

File,Save All,Ctrl+Shift+S,In Windows
//保存所有打开编辑的文件

Text Editing,Collapse,Ctrl+Numpad_Subtract,Editing Text
//

Text Editing,Collapse All,Ctrl+Shift+Numpad_Divide,Editing Text

Text Editing,Copy Lines,Ctrl+Alt+Down,Editing Text
//复制当前行并粘贴到当前行的后面(不会覆盖原有当前行的下一行,
而是在当前行的下面新建一行，并粘贴上去-_-!，别被我的话搞晕了，自己试下就知道了)

Text Editing,Duplicate Lines,Ctrl+Alt+Up,Editing Text
//与上一个相反

Text Editing,Delete Line,Ctrl+D,Editing Text
//删除当前行(也删除了换行符，所以下一行的内容自动往上移,)

Text Editing,Delete Next Word,Ctrl+Delete,Editing Text
//删除光标后一个单词(中文以标点,或空格符号相隔，标点符号算一个单词位置，</html> 一个这行的标签 < 算一个单词位,
/ 也算一个单词位置 html 算一个单词位置 html 算一个单词位置，所以要删除一个</html>要连续四次ctrl+delete;
单词与单词之间的空格也随前一个单词的删除而删除--比如“hello word”当用ctrl+delete删除hello时光标跳到w字母前了，之间的空格也被删除了)

Text Editing,Delete Previous Word,Ctrl+Backspace,Editing Text
//删除光标前一个单词

Text Editing,Delete to End of Line,Ctrl+Shift+Delete,Editing Text
//删除至行末(相当于清空当前行内容，保留换行符)

Text Editing,Expand,Ctrl+Numpad_Add,Editing Text

Text Editing,Expand All,Ctrl+Numpad_Multiply,Editing Text

Text Editing,Insert Line Above Current Line,Ctrl+Shift+Enter,Editing Text
//在当前行的前面插入一行

Text Editing,Insert Line Below Current Line,Shift+Enter,Editing Text
//在当前行的后面插入一行

Text Editing,Line End,End,Editing Text
//将光标跳到行末

Text Editing,Line Start,Home,Editing Text
//将光标跳到行头

Text Editing,Move Lines Down,Alt+Down,Editing Text
//将当前行与下一行互换

Text Editing,Move Lines Up,Alt+Up,Editing Text
//将当前行与上一行互换

Text Editing,Next Word,Ctrl+Right,Editing Text
//跳转到下一个单词

Text Editing,Previous Word,Ctrl+Left,Editing Text
//跳转到前一个单词

Text Editing,Reset Structure,Ctrl+Shift+Numpad_Multiply,Editing Text

Text Editing,Scroll Line Down,Ctrl+Down,Editing Text
//文本向下滚动一行(但是光标仍停留在原来行，所以有可能当你滚动过多的时候光标不在视线范围内了)

Text Editing,Scroll Line Up,Ctrl+Up,Editing Text
//文本向上滚动一行

Text Editing,Select Line End,Shift+End,Editing Text
//选中文本至行末(不包含换行符)

Text Editing,Select Line Start,Shift+Home,Editing Text
//选中文本至行头

Text Editing,Select Next Word,Ctrl+Shift+Right,Editing Text
//将下一个单词累加到选择中(单按一次就是选中下光标下一个单词了)

Text Editing,Select Previous Word,Ctrl+Shift+Left,Editing Text
//跟上一个相反

Text Editing,Text End,Ctrl+End,Editing Text
//跳转到当前文本的末尾(对整个文档)

Text Editing,Text Start,Ctrl+Home,Editing Text
//跳转到当前文本的开头(对整个文档)

Text Editing,To Lower Case,Ctrl+Shift+Y,Editing Text
//将选中的文本呢转换成小写

Text Editing,To Upper Case,Ctrl+Shift+X,Editing Text
//将选中的文本呢转换成大写

Text Editing,Toggle Folding,Ctrl+Numpad_Divide,Editing Text
//

Text Editing,Toggle Overwrite,Insert,Editing Text
//

Help,Close User Assistance Tray,Ctrl+F4,In Dialogs
//

Help,Close User Assistance Tray,Ctrl+W,In Dialogs

Navigate,Backward History,Alt+Left,In Windows
//回转到上一次编辑的文件(如果上一次编辑的文件关闭了，就自动打开.)

Navigate,Forward History,Alt+Right,In Windows
//与上一个想反

Navigate,Go to Line,Ctrl+L,Editing Text
//打开跳转到行对话框(输入行数，即可跳到目标行)

Navigate,Go to Matching Bracket,Ctrl+Shift+P,Ruby Editor
//跳转到匹配的括号(只对ruby编辑器有效)

Navigate,Last   Edit  Location,Ctrl+Q,In Windows
//
Navigate,Next,Ctrl+.,In Windows

Navigate,Open &Type...,Ctrl+Shift+T,Ruby Editor

Navigate,Open Call Hierarchy,Ctrl+Alt+H,In Windows

Navigate,Open Declaration,F3,Ruby Editor

Navigate,Open Resource,Ctrl+Shift+R,In Windows

Navigate,Open Structure,Ctrl+F3,Ruby Editor

Navigate,Open Type Hierarchy,F4,In Windows

Navigate,Open Type in Hierarchy,Ctrl+Shift+H,In Windows

Navigate,Previous,Ctrl+,,In Windows

Navigate,Quick Hierarchy,Ctrl+T,Ruby Editor

Navigate,Quick Outline,Ctrl+O,Ruby Editor

Navigate,Show In menu,Alt+Shift+W,In Windows

Navigate,Switch to controller,Ctrl+Shift+Z,In Windows

Navigate,Switch to helper,Ctrl+Shift+X,In Windows

Navigate,Switch to model,Ctrl+Shift+M,In Windows

Navigate,Switch to test,Ctrl+Alt+T,In Windows

Navigate,Switch to view,Ctrl+Shift+V,In Windows

Window,Activate Editor,F12,In Windows
//切换到编辑窗口(如果打开了多文件，则聚焦到你离开文件编辑窗口时的那个文件窗口)

Window,Maximize Active View or Editor,Ctrl+M,In Windows
//将当前窗口最大化，影藏其他窗口(这里的最大化并不是完全最大化，保留了系统菜单紧指view最大化)

Window,Next Editor,Ctrl+F6,In Windows
//切换到下一个编辑窗口(可按住ctrl再F6选择,而达到在多个编辑窗口间切换的功能)

Window,Next Perspective,Ctrl+F8,In Windows
//切换到下一个Perspective(有待详细解释)

Window,Next View,Ctrl+F7,In Windows
//切换到下一个视图(可按住ctrl再F

回复

举报 飘过 0 砸 0 顶 0

2楼 飞碟工作室   发表于 2009.03.25 10:06:41    

7选择,而达到在多个视图间切换的功能)

Window,Previous Editor,Ctrl+Shift+F6,In Windows
//在当前编辑的文件之间跳转(按住ctrl+shift 然后按F6 跟前面ctrl+F6功能一致)

Window,Previous Perspective,Ctrl+Shift+F8,In Windows
//在 Perspective之间跳转(有待详细解释)

Window,Previous View,Ctrl+Shift+F7,In Windows
//切换到上一个视图(按住ctrl+shift再按F8进行循环选择，跟上ctrl+f7功能一致)

Window,Quick Switch Editor,Ctrl+E,In Windows
//调出当前编辑的文件列表，可进行跳转选择

Window,Show Key Assist,Ctrl+Shift+L,In Dialogs and Windows
//显示快捷键列表，(按任意键消失，如果再没有消失之前再按一次的话就会调出快捷简单的设置对话框)

Window,Show Ruler Context Menu,Ctrl+F10,Editing Text
//弹出个菜单(有待详细解释)

Window,Show System Menu,Alt+-,In Windows
//弹出个菜单(有待详细解释)

Window,Show View Menu,Ctrl+F10,In Windows
//弹出个菜单(有待详细解释)

Window,Switch to Editor,Ctrl+Shift+E,In Windows
//跳转到文件编辑窗口(如果打开多文件，出现选择对话框)

Project,Build All,Ctrl+B,In Windows

Refactor - Ruby,Extract Method...,Alt+Shift+M,Ruby Editor


Refactor - Ruby,Inline Class...,Alt+Shift+I, C,Ruby Editor

Refactor - Ruby,Inline Local Variable...,Alt+Shift+I, L,Ruby Editor

Refactor - Ruby,Inline Method...,Alt+Shift+I, M,Ruby Editor

Refactor - Ruby,Move Field...,Alt+Shift+V, F,Ruby Editor

Refactor - Ruby,Move Method...,Alt+Shift+V, M,Ruby Editor

Refactor - Ruby,Rename...,Alt+Shift+R,Ruby Editor

Ruby Source,Ruby Format,Ctrl+Shift+F,Ruby Editor

Ruby Source,Toggle Comment,Ctrl+/,Ruby Editor

Ruby Source,Toggle Comment,Ctrl+Shift+C,Ruby Editor

Run/Debug,Add Memory Block,Ctrl+Alt+M,In Memory View

Run/Debug,Debug Last Launched,F11,In Windows

Run/Debug,Debug Ruby Application,Alt+Shift+D, R,In Windows

Run/Debug,Debug Test::Unit Test,Alt+Shift+D, U,In Windows

Run/Debug,EOF,Ctrl+Z,In Console

Run/Debug,Go to Address,Ctrl+G,In Table MemoryRendering

Run/Debug,Inspect,Ctrl+Shift+I,In Dialogs and Windows

Run/Debug,Next Memory Monitor,Ctrl+Alt+N,In Memory View

Run/Debug,Resume,F8,Debugging

Run/Debug,Run Last Launched,Ctrl+F11,In Windows

Run/Debug,Run Ruby Application,Alt+Shift+X, R,In Windows

Run/Debug,Run Selected   Command;,Ctrl+Enter,In Windows

Run/Debug,Run Test::Unit Test,Alt+Shift+X, U,In Windows
Run/Debug,Run to Line,Ctrl+R,Debugging
Run/Debug,Step Into,F5,Debugging
Run/Debug,Step Over,F6,Debugging
Run/Debug,Step Return,F7,Debugging
Run/Debug,Toggle Line Breakpoint,Ctrl+Shift+B,In Windows
Run/Debug,Toggle Memory Monitors Pane,Ctrl+T,In Memory View
Run/Debug,Toggle Step Filters,Shift+F5,In Windows
Search,Find Text in Workspace,Ctrl+Alt+G,In Windows
Search,Open Search Dialog,Ctrl+H,In Windows
Source,Toggle YML Comment,Ctrl+/,%scope.ymlEditor.name
Source,Toggle YML Comment,Ctrl+Shift+C,%scope.ymlEditor.name
Uncategorized,script/console,Ctrl+U,In Windows
Views,Breakpoints,Alt+Shift+Q, B,In Windows
Views,Cheat Sheets,Alt+Shift+Q, H,In Windows
Views,Console,Alt+Shift+Q, C,In Windows
Views,Search,Alt+Shift+Q, S,In Windows
Views,Show View (View: Outline),Alt+Shift+Q, O,In Windows
Views,Show View,Alt+Shift+Q, Q,In Windows
Views,Show View (View: Problems),Alt+Shift+Q, X,In Windows
Views,Synchronize,Alt+Shift+Q, Y,In Windows
Views,Variables,Alt+Shift+Q, V,In Windows


有用 Aptana的同志可以一起交流下哦！！

原文出处： http://cache.baidu.com/c?m=9d78d513d99003e90bb1c7690d678030421297634d868d4a2087cf1e87231b1f483ca5fd65351177ced82c395cfa5e5c9db16d2e641420c0ca95d75dddccc37432c93a642e41d35615a718fbc94226c1249758eaad1bb1febb6584aea589990b0d&p=913fc54ad5c145fa0ca2c771095ecb&user=baidu&fm=sc&query=Aptana++Edit+command&qid=ebac073f0119d74a&p1=7

 

html代码大写转小写标准化方法：1.使用html tidy；2.free javascript editor中菜单Edit-Change character case-Lowercase 3.Dreamweaver中右键快捷菜单-所选区域-(将标签)转换成大/小写。4.notepad++中Edit-Convert Case to UPPERCASE/lowercase.5.Aptana中Text Editing,To Lower/Upper Case.