Microsoft發(fā)布了一系列工具用于快速生成基于JavaScript的Web應(yīng)用，這些工具包含了dotnet new和對(duì)Node.js的巧妙運(yùn)用。

dotnet new命令是.NET Core工具的一部分，它用簡(jiǎn)單的命令行語(yǔ)法創(chuàng)建（spin up）新項(xiàng)目。現(xiàn)在新工具已成為ASP.NET Core的JavaScript服務(wù)的組成部分，Web開發(fā)人員可以使用同樣的命令，基于模板創(chuàng)建新的單頁(yè)應(yīng)用（SPA，Single Page Applications）。

Steve Sanderson在一篇文章中介紹，這些模板的初衷在于簡(jiǎn)化項(xiàng)目的初始化工作：

我們常聽到使用Angular或React構(gòu)建的SPA應(yīng)用是如何的復(fù)雜。其中的挑戰(zhàn)在于如何能很好地集成服務(wù)器端和客戶端代碼，或是如何從一開始就選定富有成效的項(xiàng)目配置。

這些工具依賴NuGet軟件包Microsoft.AspNetCore.SpaTemplates。一旦安裝了該軟件包，就可以使用如下命令創(chuàng)建angular、react、reactredux、aurelia和knockout等模板，：

dotnet new reactredux

這些模板被打包放在GitHub上。因?yàn)樗鼈円彩?NET Core工具，所以安裝任一模板都會(huì)創(chuàng)建一個(gè)服務(wù)于某個(gè)客戶端SPA的ASP.NET應(yīng)用。這里所說(shuō)的“angular”是指Angular 2以上的應(yīng)用，采用了“僅用于Angular”的術(shù)語(yǔ)。

對(duì)于那些熟悉Node.js和NPM的JavaScript社區(qū)成員，create-react-app和Angular CLI為創(chuàng)建這類應(yīng)用提供了一種簡(jiǎn)單方法。對(duì)于來(lái)自Microsoft環(huán)境的開發(fā)人員，基于.NET的dotnet new方法為他們提供了更為熟悉的方法。但是從某種程度上說(shuō)，這些新的.NET工具默認(rèn)就提供了很全面的功能。

例如，angular和reactredux模板默認(rèn)包括了服務(wù)器端預(yù)渲染（可以關(guān)閉該功能）。所有這些項(xiàng)目類型都使用了Webpack 2綁定前端代碼，并且除了aurelia模板外，默認(rèn)都設(shè)置了Hot Module Replacement。

鑒于新工具是一個(gè).NET應(yīng)用，它仍然要通過(guò)SpaServices使用Node.js。SpaServices使用Microsoft.AspNetCore.NodeServices允許ASP.NET開發(fā)人員無(wú)需實(shí)際運(yùn)行Node.js目錄即可利用Node.js生態(tài)系統(tǒng)。Sanderson說(shuō)這些都是在“后臺(tái)”進(jìn)行的。

舉個(gè)例子，為預(yù)渲染服務(wù)器上的Angular或React組件，該工具要在服務(wù)器端執(zhí)行你的JavaScript。這是通過(guò)NodeServices實(shí)現(xiàn)的，NodeServices啟動(dòng)一個(gè)隱藏的Node.js實(shí)例，并提供一種快速的和魯棒的方式從.NET調(diào)用該實(shí)例。

Sanderson也是knockout.js的創(chuàng)建者。

原文地址：http://www.infoq.com/cn/news/2017/02/dotnet-new-javascript-spa

---

.NET社區(qū)新聞，深度好文，微信中搜索dotNET跨平臺(tái)或掃描二維碼關(guān)注

總結(jié)

以上是生活随笔為你收集整理的Microsoft发布新工具，简化JavaScript Web应用的创建的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。