javascript源代码编辑器（web代码编辑器）

今天给各位分享javascript源代码编辑器的知识，其中也会对web代码编辑器进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、javascript用什么编辑器
• 2、js代码编辑器中的'var'颜色的问题
• 3、最好用的 JavaScript IDE 或编辑器是哪个
• 4、如何把 Sublime 变身为 JavaScript 编辑器
• 5、北大青鸟设计培训：初学java一般用什么开发工具？

javascript用什么编辑器

目前前端使用率最高的就是sublime 和 webstorm了，当然了还有visual ，DW， 等等。下面仅介绍一些sublime和webstorm。

1.Sublime Text 是一个代码编辑器（Sublime Text 2是收费软件，但可以无限期试用），也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

2.WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

功能编辑

JavaScript

· 基于DOM，特定浏览器完成

· 编码导航和用法查询

· 支持ECMAScript

· 支持CoffeeScript

· 支持结点

· JavaScript重构

· JavaScript单元测试

· 代码检测和快速修复

· JSLint/JSHint

· 基于 Mozilla的JavaScript调试器

其他用途

· 批量代码分析

· 编码语言混合或内混

· 拼写检查器

· 重复代码检测器

编辑语言

· 支持HTML5

· css/js

· 检验和快速修复

· Zen编码

· 显示内容

· 显示应用的风格

便捷的环境

· HTML5样本文件和其他Web应用程序模板

· FTP和远程文件同步

· 集成了版本控制系统

· 本地记录

优势功能编辑

智能的代码补全

支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)

代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

代码格式化

代码不仅可以格式化，而且所有规则都可以自己来定义

html提示

大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。

联想查询

只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全

代码导航和用法查询 (8张)

项目查找函数或者变量，还可以查找使用并高亮。

代码重构

这个操作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。

代码检查和快速修复

可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。

代码调试

支持代码调试，界面和IDEA相似，非常方便。

代码结构浏览

可以快速浏览和定位

代码折叠

功能虽小，不过胜在方便高效

包裹或者去掉外围代码

自动提示包裹或者去掉外围代码，一键搞定

js代码编辑器中的'var'颜色的问题

你拿正则分析语法?

那这样的一段代码你准备怎麽用正则解析

var svar = 'var',rvar = /var/;

function fvar()

{

}

你还是老老实实抽AST吧..

这种站点蛮多的, 把它解析部分代码加工下就能用了

最好用的 JavaScript IDE 或编辑器是哪个

IDE:

1，visual studio——宇宙最强IDE。用熟之后，懵然发现，其实宇宙中只有一个IDE，其它的所谓IDE，原来都只是加强型的文本编辑器。

2，webstrom——JB公司出品，必属精品，一人之下，万人之上。

3，HBuilder——国货精品，专注H5，全中文，很给力。

文本编辑器：

1，VS CODE——visual studio的阉割版。。虽然直接阉成了文本编辑器。但更加轻量，依然宇宙最强。

2，sublime——曾经的王者，在VS CODE出现之前，公认最好的文本编辑器，没有之一。

3，Brackets——ADOBE出品，专注WEB，界面美观，配色华丽。

4，Notepad++——虽一度被sublime吊打，但小巧，简单，依然有其亮点

如果楼主只是写JS，不做后端的话，其实用个文本编辑器就足够了。。VS CODE和sublime都不错。。用IDE写JS有些杀鸡用牛刀的感觉。IDE通常用来做一些C#,C++，JAVA之类的大型项目，才能发挥出优势。。

如何把 Sublime 变身为 JavaScript 编辑器

Sublime 是一款非常流行并且强大的文本编辑工具， 除了它提供的基础功能， 它还支持第三方插件， 配置适合我们工作流的插件可以让使用 Sublime 的时候更加舒服。

插件控制中心

首先，我们需要安装 Package Control, 进入它的安装主页

大家可以看到：

正如提示中描述的， 在 Sublime 中按下 Ctrl + ` 快捷键来打开控制台， 然后把页面中的那段脚本复制进去，然后执行就 OK 了。 脚本的具体内容大家一定要从 Package Control 的主页去获取， 因为这个脚本随时可能会更新， 官方主页上的一直是最新的。

成功安装后， 就可以看到这个提示了：

接下来， 按下 Command + Shift + P 键， 打开命令面板， 并且输入 install， 可以看到 Install Package 选项：

按下回车打开它， 就可以看到可用插件的列表了

一切就绪后， 可以开始配置插件了。 给大家推荐几个我在用的插件。

JSHint Gutter 插件

JSHint 是非常流行的 JS 语法检查工具， 它是一套独立的库， 并且提供命令行版本。 它可以帮助你写出更加符合 JS 标准规范的代码， 我们可以调用 jshint 命令并传入我们的代码文件， 它就会帮我们找出不符合规范的代码，并且给出提示。

并且 Sublime 也提供了 JSHint 的支持， 我们只需要安装插件， 就可以将 Sublime 和 JSHint 无缝集成起来了。

按照我们刚才的方式打开插件列表， 并且输入 jshint，就可以看到 JSHint Gutter 插件了：

直接按下回车安装。 JSHint 插件默认不会自动执行， 但我更偏好让他在代码编辑中自动检测， 那么可以按下 Command + Shift + P 再次打开命令行面板， 然后输入 jsHint， 选择 Set Plugin Options 选项：

JSHint 插件的配置选项其实就是一个配置文件， 只需要将 lint_on_edit 属性设置为 true 它就会自动执行了：

这样， 当我们的代码有不符合对方的时候， 插件就会给出错误提示：

如果想看到这些错误的详细内容， 按下 Command + Shift + J 键来查看：

对于有代码洁癖的同学， 或者希望写出高质量代码的朋友来说，JSHint 都会是一个很不错的工具， 比较推荐。

JSDoc 插件

这个也是我比较喜欢的插件， JSDoc 顾名思义，就是一个文档注释插件。 比如我们可以向这样，只输入 /** 然后按下回车， JSDoc 就会根据下面函数定义生成注释模板：

另外，JSDoc 本身也是一套工具体系， 除了插件能帮助我们生成方便的注释模板之外， JSDoc 还能够根据这些注释输出标准化的 API 文档， 可谓一举两得。 JSDoc 插件的安装方式也都一样， 还是按照我们刚才的方法打开插件列表。

并且找到 DocBlockr， 然后安装即可。

良好的注释习惯， 也是写出高质量代码的一个保障。

结尾

这次跟大家聊了聊 Sublime 的插件， 插件几乎存在于很多开发工具中， 合理的使用插件会对我们的开发过程提供很多帮助。 但插件也不是越多越好，太多的插件有时也会造成混乱。 希望大家都向大牛的方向迈进~

北大青鸟设计培训：初学java一般用什么开发工具？

初学java一般用什么开发工具?互联网飞速发展的今天，java的应用越来越广泛，想学java的人也随之增多。

大家都知道java的开发工具有很多，而且各有优缺点，对于初学者来讲往往不知道有哪些常用的开发工具，现在我就为大家讲一下，初学者一般用什么开发工具，电脑培训希望本文有助于初学者了解java开发工具，并作出选择。

一、EditplusEditPlus是功能很全面的文本、HTML、程序源代码编辑器。

默认的支持HTML、ASP、Perl、C/C++、CSS、PHP、Java、javascript和VBScript的语法着色。

通过定制语法文件还可以扩展到其他程序语言。

可以在Tools菜单的ConfigureUserTools菜单项配置用户工具，类似于UltraEdit的配置，配置好Java的编译器Javac和解释器Java后，通过EditPlus的菜单可以直接编译执行Java程序。

二、UltraEdit初学者一般用什么开发工具?UltraEdit是一个功能强大的文本、HTML、程序源代码编辑器。

作为源代码编辑器，它的默认配置可以对C/C++,VB,HTML,Java和Perl进行语法着色。

用它设计Java程序时，可以对Java的关键词进行识别并着色，方便了Java程序设计。

它具有完备的复制、粘贴、剪切、查找、替换、格式控制等编辑功能。

可以在Advanced菜单的ToolConfiguration菜单项配置好Java的编译器Javac和解释器Java，直接编译运行Java程序。

三、Eclipse初学者一般用什么开发工具?Eclipse是一个开放可扩展的集成开发环境(IDE)。

它不仅可以用于Java的开发，通过开发插件，它可以构建其他的开发工具。

Eclipse是开放源代码的项目，并可以免费下载。

建议使用Releases或StableBuilds版本。

四、JcreatorJcreator是一个用于Java程序设计的集成开发环境，具有编辑、调试、运行Java程序的功能。

这个软件比较小巧，对硬件要求不是很高，完全用C++写的，速度快、效率高。

具有语法着色、代码参数提示、工程向导、代码自动完成、类向导等功能。

先进次启动时提示设置JavaJDK主目录及JDKJavaDoc目录，软件自动设置好类路径、编译器及解释器路径，还可以在帮助菜单中使用JDKHelp。

但目前这个版本对中文支持性不好。

初学java一般用什么开发工具?以上是比较常用的四种开发工具，此外还有Borland的JBuilder、JDeveloper、VisualCafeforJava、VisualAgeforJava等，随着学习的深入，相信慢慢都会了解到也会从中找到最适合自己的那款开发工具。

关于javascript源代码编辑器和web代码编辑器的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。