Mac花花

Mac花花 关注TA

现在,阳光明媚,也许那个梦想并没有破碎,它依然存在着,只不过蜕变了,蛹破化蝶,等了接近七年,一个新的梦想再次占据了我的一切。

Mac花花

Mac花花

关注TA

现在,阳光明媚,也许那个梦想并没有破碎,它依然存在着,只不过蜕变了,蛹破化蝶,等了接近七年,一个新的梦想再次占据了我的一切。

  •  未知
  • 未知
  • 写了462,042字

该文章投稿至Nemo社区   Mac教程  板块 复制链接


代码编辑器 Nova 6 预览工作流程

发布于 2021/05/10 11:43 378浏览 0回复 1,428

Nova Mac中文版是一款强大的代码编辑器,具有非常强大的API和内置的扩展浏览器,因此非常易于扩展,而且已内置支持CoffeeScript,CSS,Diff,ERB,Haml,HTML,INI,JavaScript,PHP,Python,Ruby,Sass,SCSS,Smarty,SQL,TSX,TypeScript,XML和YAML等等 

 

内置预览

WebKit预览

  • 在Nova中工作时预览网页的最简单方法是使用内置的预览机制。

  • Nova使用WebKit框架渲染预览。这意味着,在大多数情况下,Nova的预览看起来与在Safari中呈现的页面相同。

预览静态HTML

最简单的方案是预览单个静态HTML页面,因为无需任何服务器端处理即可完成此操作。

通过单击工具栏中的“预览”图标,可以在新选项卡中预览正在编辑的静态HTML文档。您也可以使用键盘快捷键⌃⌘4。

您可以使用拆分并排显示编辑器和预览。首先,点击标签栏中的拆分按钮,然后点击预览:

出现一个新的拆分,其中包含拆分文件的预览:

单击拆分按钮以水平拆分时,请按住选项键(⌥)。您可以在Nova首选项的“常规”部分中更改默认的分割方向。

  • 带有拆分预览的静态HTML文档在您保存文件时会更新其预览,即使它们是远程存储也是如此。

  • 如果您修改并保存要预览的静态HTML文档从外部引用的文件,则预览也会更新。例如,如果您正在预览按标记引用CSS文件的静态HTML文档,则对CSS文件的修改将更新预览。

  • 甚至有可能在一个包含静态HTML文件,其预览和一个参考CSS文件的选项卡中进行三向拆分。保存文件后,对HTML或CSS文件的更改将反映在预览拆分中。这在大型显示器上效果最好。

预览动态网站

“动态”网站是指在加载时通过服务器端处理完全或部分生成其页面的任何网站。这包括诸如服务器端包含(SSI),PHP,Ruby on Rails等许多技术。

Nova可以预览动态网站,但需要进行一些配置才能知道在哪里查找。您可以通过创建“服务器”来提供此信息。

由于动态网站需要服务器端处理,因此您必须至少使用远程路径和远程URL配置服务器。它们分别是网站根目录的远程文件系统路径和URL。

有了这些知识,Nova便可以将远程文件与特定的URL相关联。例如,如果您正在编辑/about/contact-us.php相对于“远程根目录”的文件,则Nova/about/contact-us.php在预览时会知道会附加到“根目录URL”。

具有路由Urls的动态网站

一些Web框架使用动态URL“路由”,其中URL和磁盘上的单个文件之间可能没有一对一的关联。在撰写本文时,Nova无法将任意URL与特定文件相关联。

外部预览

  • 有些人倾向于始终使用第二个窗口进行预览,或者需要使用非WebKit浏览器测试其站点。为此,Nova提供了外部预览。

  • 如果安装了其他浏览器,则可以通过选择“视图”>“预览于”>“浏览器名称”来向其发送文档以进行预览。

  • 在外部浏览器中预览页面后,该页面将成为默认的外部浏览器,并采用键盘快捷键⌥⌘B。

  • 这样甚至可以在其他平台上使用浏览器进行预览。例如,某些Windows虚拟化产品通过在Mac端以相同的名称创建小型存根应用程序来向Mac公开Windows应用程序。这意味着Nova可以调用“ Internet Explorer”存根应用程序,并且该页面将在虚拟机上的Internet Explorer中加载。

本文标签
 {{tag}}
点了个评