爱博体育app开源组件NanUI十九日年，牛x的JavaScript编辑器你知道多少个

足球运动

NanUI是什么

NanUI遵照ChromiumFX项目实行开采，它能令你在你的Winform应用程序中行使HTML5/CSS3/Javascript等网页才能来表现顾客界面（类似Electron）。同不经常候NanUI提供了原生窗口和定制化的无标题栏无边框窗口，你能使用一切的网页技艺来规划和显现你的应用程序界面。

爱博体育app 1

韩文：马丁 Heller  译文：葡萄干城控件

学学进程中遇见如何难点要么想获取学习能源的话，款待到场学习调换群343599877，大家一起学前端！

开源艺术

NanUI基于MIT契约，所以不管你选择NanUI来开采商业类型或然开源、无需付费项目都将不受任何限制，只需求依照说道文件中规定的，在你的软件中声称使用了NanUI技巧就可以。

对此JavaScript技士来讲，近期有许多很棒的工具可供选拔。本文将构和论拾个杰出的支撑JavaScript，HTML5和CSS开拓，况兼能够使用马克down实行文书档案编写的文书编辑器。为何选取编辑器实际不是IDE实行JavaScript编制程序？原因就是速度快。

星罗棋布文档

编辑器和IDE之间的本质差距在于：IDE不但能够调治，何况能够对代码实行概要分析，IDE还帮忙应用程序的生命周期处理（ALM）系统。大家在这里斟酌的洋洋编辑器至少协理三个版本调节系统，平时是Git，今后IDE和编辑器之间的界别也更为小。

源码和包

您能够透过GitHub获取NanUI的源码以及示例代码，牢固版的NanUI包通过Nuget实行分发。NanUI帮忙.NET4.0/4.5/4.6/4.7和更新版本的Windows窗体应用。

得到源码

git clone https://github.com/NetDimension/NanUI.git

Nuget包管理器

好端端版本（CEF 3.2987.1601.gf035232 / Chromium 57.0.2987.133）

PM> Install-Package NetDimension.NanUI

WindowXP版本（CEF 3.2526.1366.g8617e7c / Chromium 47.0.2526.80）

PM> Install-Package NetDimension.NanUI.XP

推荐应用Nuget包管理器安装NanUI程序集将自动安装相应的CEF注重项，一键安装方便使用。

在这13个JavaScript编辑器中，Sublime Text和Visual Studio
Code是个中排行靠前的七个。Sublime
Text以其速度和有利的编写成效多种性有名，Visual Studio
Code的法力和速度与Sublime
Text大概同样。TextMate排行第三，就算TextMate在八年前排名第一，但其效能并未当真跟上进步。

怎么样编译源码和演示

编写翻译当前版本的NanUI需求援助C#7.0语法的编写翻译器，推荐的编写翻译工具备且唯有Visual
Studio 2017。

你很或许在Sublime Text，Visual Studio
Code和Brackets中找到自身喜爱的JavaScript编辑器，不过还会有别的的编辑器工具Atom，BBEdit，Komodo
Edit，Notepad
++，Emacs和Vim等值得询问。你能够依照以往的类型，选拔中间最为方便使用的编纂工具。

哪些行使

初始化NanUI

namespace TestApplication
{
    using NetDimension.NanUI;
    static class Program
    {
        [STAThread]
        static void Main(string[] args)
        {
            Application.EnableVisualStyles();
            Application.SetCompatibleTextRenderingDefault(false);

            //初始化CEF: 设置CEF的相关Path
            //如果要使用Nuget自动下载的fx文件夹结构，需要手动指定各个文件夹的路径

            var result = Bootstrap.Load(PlatformArch.Auto, System.IO.Path.Combine(Application.StartupPath, "fx"), System.IO.Path.Combine(Application.StartupPath, "fx\\Resources"), System.IO.Path.Combine(Application.StartupPath, "fx\\Resources\\locales"));

            if (result)
            {
                // Load embedded html/css resources in assembly.
                Bootstrap.RegisterAssemblyResources(System.Reflection.Assembly.GetExecutingAssembly());

                Application.Run(new Form1());

                Application.Exit();
            }

        }
    }
}

使用原生的窗口样式来利用NanUI

namespace TestApplication
{
    public partial class Form1 : Formium

    {

        public Form1()
            //Load embedded resource index.html and not set form to no border style by the second parameter.
            : base("http://res.app.local/index.html", false)
        {
            InitializeComponent();
        }
    }
}

利用无边框情势来采纳NanUI

namespace TestApplication
{
    public partial class Form1 : Formium

    {

        public Form1()
            //Load embedded resource index.html and set form to no border style by igrone the second parameter or set it to true.
            : base("http://res.app.local/index.html")
        {
            InitializeComponent();
        }
    }
}

请注意：若果使用Visual Studio
二零一六大概更低的本子开采和调节NanUI应用程序，必要在类型性质的调节和测量检验选项卡中关闭“启用VS承载进程”选项，不然调节和测验时将面世页面不加载白屏的情景。如图所示：

爱博体育app 2

下边我们来打探全数的编辑器，文末会对它们实行相比较。

社会群众体育和救助

GitHub
https://github.com/NetDimension/NanUI/

交流群QQ群
521854872

扶持小编

只要你垂怜我的做事，而且期望NanUI持续的进步，请对NanUI项目开展援助以此来激励和支撑小编接二连三NanUI的成本专门的事业。你可以运用微信或者支付宝来围观下边包车型客车二维码进行支持。

爱博体育app 3

Sublime Text

爱博体育app 4

如若您想要叁个心灵手巧、强大、可扩张的文件编辑器，它能够如雷暴般快速运营，何况帮衬切换来其余窗口实行代码检查、调节和测量检验和布署，那么能够记挂采用Sublime
Text。

而外速度十分的快以外，Sublime
Text还应该有非常多值得注意的优势，它包含了70各个文件类型，在那之中包罗JavaScript、HTML和CSS; 即时导航和当下项目切换; 多选用（叁遍举办一密密麻麻退换），包涵列选拔（三回选用文件的三个矩形区域）; 多窗口（使用你的富有显示器窗口）和拆分窗口; 使用简便的JSON文件进行总体的自定义; 基于Python的插件API; 贰个合併的、可检索的命令板。

对于使用其余编辑器的程序猿来讲，Sublime
Text帮助TextMate包（不满含命令）和Vi / Vim仿真。

Sublime
Text是一个莫斯中国科学技术大学学可配备和可扩充的公文编辑器。它包涵当先50种语法，在那之中包涵JavaScript，它能够行使Sublime软件包和TextMate语法定义进行扩展。能够能够透过一点点按钮来安装Xabel（React）和TypeScript（Angular）的语法和支撑。

Sublime
Text帮忙四个窗口、拆分窗口，各类品种得以有八个工作区、七个视图以及包蕴视图的七个窗格。当想要整合、调试和测量检验空间时，使用具备的显示器空间会变得卓越简单的。Sublime
Text还匡助拥有剧情的自定义：颜色，文本字体，全局键绑定，制表符结束，特定文件的键绑定和代码段，乃至语法非凡显示法则等。Sublime
Text的编码文件默认为JSON文件，语言定义默许是XML。

Sublime Text有四个生动活泼的用来创设和保卫安全Sublime
Text包和插件的社区。Sublime
Text紧缺的浩大作用，富含JSLint和JSHint接口，JsFormat，Js迷你fy，PrettyJSON和Git帮忙，都能够通过社区使用Package Installer来完结。

官方网站链接：http://www.sublimetext.com/

下载地址：http://www.sublimetext.com/3**
**

Visual Studio Code

爱博体育app 5

Visual Studio
Code是贰个的无需付费的轻量级编辑器和IDE，它是Microsoft公布的。它具有Visual
Studio组件，能与开源的Atom Electron
shell混合使用。它对于使用C＃进行ASP.Net
Core的支出，提供了极好的支撑；同期它也透过TypeScript和JavaScript为Node.js的付出，提供了极好的支撑。差别于Visual
Studio仅在Windows上支持的规矩，Visual Studio
Code也能在MacOS和Linux上运转。

出于包罗了TypeScript编写翻译器和Salsa引擎，Visual Studio
Code具备十分好的JavaScript代码实现功用。Visual Studio
Code会将JavaScript代码发送到后台的TypeScript编写翻译器来估算类型并创设符号表。你能够在显示器图像尾巴部分的框中看到hasOwnProperty方法的音信。

同一的标识表使得速龙liSense能够在漫天表明式的输入进程中，为您提供优质的弹出式选项列表。你能够得到以下职能：填入后自行关闭、自动填写完毕选项、键入后的活动格局列表和办法中的自动参数列表。你能够透过从DefinitelyTyped加多对d.ts文件的引用，来巩固速龙liSense。当您鉴定区别常见难题（譬喻使用Node.js内置变量中的__dirname）时，Visual
Studio Code将为您提供那几个效率。

Visual Studio
Code是三个免费的轻量级编辑器和IDE，用于Node.js和ASP.Net 开垦。它整合了Microsoft技巧，比如TypeScript编写翻译器、Roslyn
.Net编译器和Atom使用的Electron shell。Visual Studio
Code适用于Windows，MacOS和Linux平台。

Visual Studio Code的Git帮忙相当好，使用起来比异常粗略。Visual Studio
Code调节和测量试验器为Node.js和ASP.Net开辟提供了奇妙的调和体验。Visual Studio
Code具有蛮好的HTML，CSS，Less，Sass和JSON工具，这些工具是基于与Internet
Explorer F12开拓职职员和工人具同样的本领。另外，Visual Studio
Code可以与表面职分运转程序（如gulp和jake）进行可定制的集成。

Visual Studio
Code有着庞大的插件生态系统，举个例子帮忙Angular和React。推荐能够在运用JavaScript和TypeScript框架和库构建应用程序时行使Visual
Studio Code。

官方网站链接：https://code.visualstudio.com/

下载地址：https://code.visualstudio.com/Download

Brackets

爱博体育app 6

Brackets是五个免费的开源编辑器，最先源于于Adobe，意在为JavaScript，HTML和CSS提供越来越好的工具以及相关的开放式Web技术。Brackets自个儿是用JavaScript，HTML和CSS编写的。除了内置功效外，Brackets还会有三个扩充处理器，用于增添前端开采职员选拔的大多语言和工具。Brackets不像Sublime
Text和TextMate那样运营的快速，但除外从网络加载或更新程序内容的行车制动器踏板之外，它还是运转的相当的慢。

Brackets不仅仅对JavaScript，CSS，HTML和Node.js有着很好的扶助，它还恐怕有着局地其余很棒的功用，举例与HTML
ID相关的CSS在线编辑。其余，Brackets有着三个简短的UI分界面和编排时网页的实时预览。对于免费的代码编辑器来讲，Brackets是贰个很好的选料。

Brackets扩大也是用JavaScript编写的，还是能调用Node.js模块。与多数在选项卡中展现张开文件的编辑器区别的是，Brackets具有展现在文件树上方的职业文件列表。

Brackets的JavaScript自动完毕作用十分好，自动填写各类括号的甘休括号，以及jQuery方法中键入$之后的首要字、变量和艺术的机关下拉菜单。Brackets能够操纵Node.js的调试器，并从菜单项中重复起动Node。Brackets能够很便利的拉长附加成效的增添（比方TypeScript和JSX协助，Bower集成和Git集成）。

相当慢编辑、火速保存文书档案、火速展开文件和实时预览均有利于简化Web应用程序编辑，让你放在心上于编码或安插。Brackets也可以有部分败笔，譬喻有些Brackets扩大很难陈设，不像Emacs软件包或Vim插件那样轻巧。

官方网址链接：http://brackets.io/

下载地址：https://github.com/adobe/brackets/releases/download/release-1.9/Brackets.Release.1.9.msi

Atom

爱博体育app 7

Atom
1.15.0是一款GitHub上的免费的开放源代码、可编程的编辑器，适用于Windows，MacOS和Linux平台，它与GitHub应用程序集成在共同，具备相当多个可用的软件包和宗旨。

Atom源代码位于GitHub上，它是用CoffeeScript编写的，与Node.js集成在一道。Atom是Chromium浏览器的多个独特的存在，它被设计成贰个文本编辑器实际不是贰个Web浏览器; 每一种Atom窗口本质上都以一个地点展现的网页。

当Atom不自动更新时，性能是可怜好的。它兼具部分相当厉害的服从，举个例子模糊寻觅、快速项目搜索和替换、三个光标和抉择、四个窗格、代码段、代码折叠以及导入TextMate语法和宗旨的法力。Atom能够安装多少个命令行实用程序：Atom，用于从shell运维编辑器；APM，用于管理Atom的软件包。

官方网站链接：https://atom.io/

下载地址：https://atom.io/download/windows\_x64

Komodo Edit

爱博体育app 8

Komodo Edit 是ActiveState的一个无需付费的，裁减功用版本的Komodo
IDE，它是三个很酷的多语言编辑器。

假设你欢欣Komodo IDE不过却付出不起，那么Komodo
Edit会是你的一个好选取。Komodo
艾德it不是叁个IDE，所以你供给在编排器外完毕代码调控。

它不提供实时代码搜罗功效，要是您独自开采，不与其余人合代码，就不曾别的难点。它也不提供HTTP检查器。Komodo
Edit具备与Komodo
IDE一样的编写功效，但缺乏代码重构、调节和测量检验、单元测验、源代码调整集成以及其余符合于IDE的意义。

在别的情况下，Komodo
Edit能够免费知足你的JavaScript编辑须求，并为编辑HTML，CSS，Python，Perl，Ruby，Tcl和别的编制程序提供标志语言。

官方网址链接：https://www.activestate.com/komodo-ide/downloads/edit

下载地址：https://www.activestate.com/komodo-ide/downloads/edit

Notepad ++

爱博体育app 9

Notepad
++是多少个免费的开源Windows源代码编辑器和记事本，特别适合于编辑JavaScript。它支持约50种编制程序和标记语言。除了其两个文档编辑窗口之外，它还具备专门的工作区树视图、功效列表选项卡和文书档案映射选项卡。它的加载时间丰硕快，品质丰硕强，不会令你倍感速度慢。

采纳语法着色和折叠作用、可编写制定功效（包含列情势编辑和正则表明式、帮助寻找和替换）以及个其他机能达成和参数提醒功用，Notepad++能够轻巧地改成JavaScript的首荐代码编辑器。不过，它还不是完美的JavaScript编辑器，它还不可能生成代码，推行诸如重构的操作，并在大型项目中快捷导航。

官方网站链接：https://notepad-plus-plus.org/

下载地址：https://notepad-plus-plus.org/download/v7.3.3.html

BBEdit

爱博体育app 10

BBEdit
11.0.3是一个文件编辑器，仅用于Mac的HTML，它帮忙约35种编制程序和标记语言，社区版还经过BB艾德it网址提供了对广大任何语言的支持。许可版和社区版都有语法高亮；许可版还应该有一点儿的全自动达成功效，重要用于功效名称、变量名称、小量的机要字和标签。许可版还是能与Git，Perforce和Subversion版本调整系统融合为一。

BBEdit
11是该产品的重要改写，这几个本子比以前尤其火速，并且还是能够很好地拍卖基诺rmous文件。它富有将挑选或索求结果复制到新缓冲区中的提取成效，以及剪切作用。BBEdit能够编写和运作Perl，Python，Ruby，和Shell脚本，以及检查Perl和Python脚本的语法。

BBEdit对HTML和马克down的帮衬实际上比其对JavaScript帮忙更加好。你可认为BBEdit安装八个命令行工具：一个用来编辑器，三个用来差别引擎，最后一个用以多媒体找寻。

官方网址链接：http://www.barebones.com/products/bbedit/

下载地址：https://s3.amazonaws.com/BBSW-download/BBEdit\_11.6.6.dmg

TextMate

爱博体育app 11

TextMate曾经重要用来在MacBook上编写Ruby on
Rails，可是以后TextMate变得不那么特出了，与此同不时候Sublime
Text渐渐接受了招待。

TextMate不是三个IDE，可是它却提供了软件包、代码段、宏和范围系统等语言特定的IDE都衰竭的效果。TextMate以往提供了简便易行的JavaScript和jQuery的捆绑包，它们为快速生成JavaScript和jQuery代码提供了一体系科学的工具。要想具备类似于IDE的机能，你能够使用TextMate的shell集成版本，但决不指望TextMate能够张开代码重构、自动单元或回归测量检验。纵然不易安装了Grunt，那么TextMate就足以自行推行JavaScript测验。

TextMate有叁个捆绑包首荐项标签，从中可以下载并设置任何捆绑包。捆绑源，实际上是产品驻留在GitHub存款和储蓄库中的源代码。

官方网站链接：http://macromates.com/

下载地址：http://macromates.com/download

Emacs

爱博体育app 12

Emacs及其衍生来自于自20世纪70年间初以来的MIT
AI实验室。Emacs从作为TECO文本编辑器的宏最先，稳步发展独立。默许安装在MacOS上的Emacs是22.1.1版本，未有GUI协助。你能够轻巧地安装XEmacs，Aquamacs（MacOS的GUI）和换代的GNU
Emacs版本。Emacs作为JavaScript编辑器，编辑JavaScript的暗许形式是在js包中，使用Emacs能够收获更加好的语法高亮和linting。

Emacs使用js2形式包，并应用ac-js2自动完结。在Emacs中，你可以采取串行情势获得实时浏览器JavaScript，HTML和CSS交互。

官方网址链接：https://emacsformacosx.com/

下载地址：https://emacsformacosx.com/emacs-builds/Emacs-25.2-universal.dmg

Vim（and variants）

爱博体育app 13

Vi（visual interface）最初由BillJoy为Unix撰写，自一九七七年最早，慢慢由Ed向Ex演化。Vim是三个无偿的、开源的、创新版的Vi；暗许安装在Mac
OS X上的是7.3本子。

您能够轻巧安装Vim的更新版本，MacVim（MacOS的GUI）或任何适用于你的平台的效应。Vim作为JavaScript编辑器，它的vim-plug
readme文件中的建议是一对一好的。

官方网址链接：http://www.vim.org/

下载地址：http://www.vim.org/download.php

使用哪个编辑器，由你说了算

甭管你是小心于顾客端的JavaScript仍旧Node.js，都有多样选项。

若果你正在寻找三个效用庞大，速度急忙的JavaScript编程文本编辑器，并扶助广大别的语言，能够选取Sublime
Text。

要是您想要贰个无偿的，飞速的JavaScript编辑器，包容IDE，况兼对ASP.Net和C＃帮忙得很好，Visual
Studio Code是贰个很好的精选。

Brackets和Atom是八个新的、无需付费的公文编辑器。Brackets是一款很邻近于用于Node.js开荒IDE的编辑器，Atom能够与GitHub桌面顾客高度集成。

在Windows上，Notepad++是一点也不慢、有效何况免费的。在MacOS上，BBEdit是快速、很酷的、无偿的限制版本，可用来版本调控集成，是叁个HTML工具。TextMate依旧是三个相当棒的编辑器，具备便捷、全职能、可扩展的特色，可是付出速度已经很缓慢。

只要偏向于选择开源脚本语言，Komodo
Edit是个不错的选拔。假使喜欢自定义编辑器，Emacs或Vim能够满足你的渴求。

相关文章