使用Node.js 建立Vue.js 應用程式 | visual studio vue
本文內容 VisualStudio支援使用JavaScript或TypeScript搭配Vue.js[1]架構進行應用程式開發。下列新功能支援VisualStudio中的Vue.js應用程式開發:支援.vue檔案中的指令碼、樣式和範本區塊辨識.vue檔案上的lang屬性Vue.js專案和檔案範本必要條件您必須安裝VisualStudio201715.8版或更新版本,以及Node.js開發工作負載。重要此文章需要的功能是從VisualStudio201715.8版開始提供。如果您需要安裝工作負載,但已有VisualStudio,請移至[工具>取得工具和功能],這會開啟VisualStudio安裝程式。選擇[Node.js開發]工作負載...
本文內容Visual Studio 支援使用 JavaScript 或 TypeScript 搭配 Vue.js[1] 架構進行應用程式開發。
下列新功能支援 Visual Studio 中的 Vue.js 應用程式開發:
支援 .vue 檔案中的指令碼、樣式和範本區塊 辨識 .vue 檔案上的 lang 屬性 Vue.js 專案和檔案範本 必要條件您必須安裝 Visual Studio 2017 15.8 版或更新版本,以及 Node.js 開發 工作負載。
重要
此文章需要的功能是從 Visual Studio 2017 15.8 版開始提供。
如果您需要安裝工作負載,但已有 Visual Studio,請移至 [工具 > 取得工具和功能],這會開啟 Visual Studio 安裝程式。 選擇 [Node.js 開發] 工作負載,然後選擇 [修改]。
若要建立 ASP.NET Core 專案,您必須安裝 ASP.NET 與網頁程式開發工作負載,以及 .NET Core 跨平台開發工作負載。
您必須安裝 Node.js 執行階段。
如果您沒有安裝,請從 Node.js[2] 網站安裝 LTS 版本。 一般而言,Visual Studio 會自動偵測已安裝的 Node.js 執行階段。 如果它沒有偵測到已安裝的執行階段,您可以將專案設定為參考屬性頁面中已安裝的執行階段。 (建立專案之後,請以滑鼠右鍵按一下專案節點,然後選擇 [屬性])。
使用 Node.js 建立 Vue.js 專案您可以使用新的 Vue.js 範本來建立新專案。 使用範本是最簡單的使用者入門方式。 如需詳細步驟,請參閱使用 Visual Studio 建立您的第一個 Vue.js 應用程式[3]。
使用 ASP.NET Core 和 Vue CLI 建立 Vue.js 專案Vue.js 提供正式的 CLI 以快速 Scaffolding 專案。 如果您想要使用 CLI 來建立應用程式,請遵循本文中的步驟以設定您的開發環境。
重要