NanUI是什么
NanUI遵照ChromiumFX项目实行开采,它能令你在你的Winform应用程序中行使HTML5/CSS3/Javascript等网页才能来表现顾客界面(类似Electron)。同不经常候NanUI提供了原生窗口和定制化的无标题栏无边框窗口,你能使用一切的网页技艺来规划和显现你的应用程序界面。
韩文:马丁 Heller 译文:葡萄干城控件
学学进程中遇见如何难点要么想获取学习能源的话,款待到场学习调换群343599877,大家一起学前端!
开源艺术
NanUI基于MIT契约,所以不管你选择NanUI来开采商业类型或然开源、无需付费项目都将不受任何限制,只需求依照说道文件中规定的,在你的软件中声称使用了NanUI技巧就可以。
对此JavaScript技士来讲,近期有许多很棒的工具可供选拔。本文将构和论拾个杰出的支撑JavaScript,HTML5和CSS开拓,况兼能够使用马克down实行文书档案编写的文书编辑器。为何选取编辑器实际不是IDE实行JavaScript编制程序?原因就是速度快。
星罗棋布文档
- NanUI简介
- 千帆竞发接纳NanUI
- 爱博体育app,包装并应用内嵌式的HTML/CSS/JS财富
- 运用网页来铺排总体窗口
- 哪些兑现C#与Javascript的并行通讯
- 如何管理NanUI中的下载进度 – DonwloadHandler的接纳(待更新。。。)
- 何以管理NanUI中的弹窗进程 – LifeSpanHandler的运用(待更新。。。)
- 什么样调节Javascript对话框 – JsDialogHandler的使用(待更新。。。)
- 自定义能源管理程序 (待更新。。。)
编辑器和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承载进程”选项,不然调节和测验时将面世页面不加载白屏的情景。如图所示:
下边我们来打探全数的编辑器,文末会对它们实行相比较。
社会群众体育和救助
GitHub
https://github.com/NetDimension/NanUI/
交流群QQ群
521854872
扶持小编
只要你垂怜我的做事,而且期望NanUI持续的进步,请对NanUI项目开展援助以此来激励和支撑小编接二连三NanUI的成本专门的事业。你可以运用微信或者支付宝来围观下边包车型客车二维码进行支持。
Sublime Text
如若您想要叁个心灵手巧、强大、可扩张的文件编辑器,它能够如雷暴般快速运营,何况帮衬切换来其余窗口实行代码检查、调节和测量检验和布署,那么能够记挂采用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
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
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
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
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 ++
Notepad
++是多少个免费的开源Windows源代码编辑器和记事本,特别适合于编辑JavaScript。它支持约50种编制程序和标记语言。除了其两个文档编辑窗口之外,它还具备专门的工作区树视图、功效列表选项卡和文书档案映射选项卡。它的加载时间丰硕快,品质丰硕强,不会令你倍感速度慢。
采纳语法着色和折叠作用、可编写制定功效(包含列情势编辑和正则表明式、帮助寻找和替换)以及个其他机能达成和参数提醒功用,Notepad++能够轻巧地改成JavaScript的首荐代码编辑器。不过,它还不是完美的JavaScript编辑器,它还不可能生成代码,推行诸如重构的操作,并在大型项目中快捷导航。
官方网站链接:https://notepad-plus-plus.org/
下载地址:https://notepad-plus-plus.org/download/v7.3.3.html
BBEdit
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
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
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)
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能够满足你的渴求。