當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

Web Template Studio 发布！在 VS Code 中轻松创建 Web 应用

發(fā)布時(shí)間：2023/12/4 编程问答 26 豆豆

生活随笔收集整理的這篇文章主要介紹了 Web Template Studio 发布！在 VS Code 中轻松创建 Web 应用小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

作為一個(gè) Web 應(yīng)用開(kāi)發(fā)者，Scaffolding Tool（腳手架工具）一定是在創(chuàng)建項(xiàng)目時(shí)的重要工具。許多開(kāi)發(fā)者會(huì)習(xí)慣于使用基于 CLI 的腳手架工具來(lái)創(chuàng)建 Web 應(yīng)用，也有許多開(kāi)發(fā)者喜歡使用類(lèi)似于 VS IDE 的基于 UI 的 Wizard 向?qū)А?/p>

近期（2019 年 5 月 15 日），微軟發(fā)布了?Web Template Studio for VS Code，使得開(kāi)發(fā)者在 VS Code 中可以通過(guò)基于 UI 的 Wizard 向?qū)?#xff0c;快速地創(chuàng)建 Web 應(yīng)用。

下面我們就來(lái)看看，如何使用 Web Template Studio 方便地創(chuàng)建 Web 應(yīng)用。

打開(kāi) Web Template Studio

安裝好 Web Template Studio 后，在 VS Code 中，按下?Ctrl+Shift+P，然后輸入?Web Template Studio: Launch，按下回車(chē)，就能打開(kāi) Web Template Studio 了。

項(xiàng)目信息

在 Web Template Studio 首頁(yè)，輸入項(xiàng)目名稱(chēng)和項(xiàng)目文件夾的路徑。

項(xiàng)目類(lèi)型

選擇將要?jiǎng)?chuàng)建的項(xiàng)目類(lèi)型。目前僅支持全棧 Web 應(yīng)用。在未來(lái)，Web Template Studio 會(huì)考慮支持單頁(yè)應(yīng)用以及 RESTful 應(yīng)用。

框架

目前，Web Template Studio 支持 React 作為前端框架，Node.js/Express 作為后端框架。當(dāng)然，Augular 和 Vue.js 的童鞋不要著急~ 會(huì)有更多的框架支持的，文末會(huì)提到~

頁(yè)面模板

Web Template Studio 內(nèi)置了各類(lèi)頁(yè)面模板，你可以選擇適合的頁(yè)面模板，來(lái)快速構(gòu)建你的項(xiàng)目。

云服務(wù)

云計(jì)算時(shí)代已經(jīng)來(lái)臨，一個(gè)好的 Web 應(yīng)用當(dāng)然離不開(kāi)好的云計(jì)算服務(wù)。通過(guò) Web Template Studio，你可以選擇 Azure Functions 和 Azure Cosmos DB 為你的 Web 應(yīng)用添磚加瓦！

生成 Web 應(yīng)用

經(jīng)過(guò)前面的一系列步驟之后，點(diǎn)擊“Generate Template”，就能快速地生成你的 Web 應(yīng)用啦！

運(yùn)行 Web 應(yīng)用

打開(kāi)新生成的 Web 應(yīng)用，根據(jù) README 的指引，運(yùn)行“yarn install”和“yarn start”，你的 Web 應(yīng)用馬上就能在本地運(yùn)行起來(lái)了！

總結(jié)

以上是生活随笔為你收集整理的Web Template Studio 发布！在 VS Code 中轻松创建 Web 应用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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

上一篇： .Net Core实现的文档数据库Rav
下一篇：再多迷茫，不如静下来好好学习