在本快速入门中，你将创建并运行基本 Vue.js 前端 Web 应用程序。 本文提供了一篇关于 Visual Studio 集成开发环境（IDE）的 5 到 10 分钟简介。
先决条件
在进行配置前，请先满足以下前提条件：
Visual Studio 2022 或更高版本（在Visual Studio下载时获取免费版本）
npm（随 Node.js 一起提供，https://www.npmjs.com/）
Vue.js （安装 | Vue.js （vuejs.org）
创建 Vue 应用
按照以下步骤创建 Vue.js Web 应用：
在Visual Studio“开始”窗口中（选择“文件>开始窗口”），选择“创建新项目”。
在“ 创建新项目 ”对话框中，在搜索框中输入 Vue 。 选择 JavaScript 或 TypeScript 的 Vue 应用 模板，然后选择“ 下一步”。
在 Visual Studio 2022 版本 11 及更高版本中，模板名称独立 JavaScript Vue Project更改为 Vue 应用。
输入项目和解决方案的名称，然后选择“ 创建”。
等待Visual Studio创建新项目。
查看项目属性
使用默认项目设置可以生成和调试项目。
如果要更改任何设置，请执行以下步骤：
右键单击解决方案资源管理器中的项目，然后选择“属性”。
在项目属性窗格中，选择 “调试”、“ Linting”、“ 生成”或 “部署 ”以查看相应的属性。
对于调试器配置，请使用 launch.json 文件。
备注
调试 launch.json 器配置文件在调试工具栏中存储与 “启动” 操作关联的启动设置。
launch.json 文件必须位于项目中的 .vscode 文件夹下。
构建你的项目
若要生成新项目，请选择“ 生成>生成解决方案”。
启动项目
选择 F5 或使用窗口顶部的 “开始” 操作。
该项目将打开包含以下文本（或类似）的命令提示符：
VITE v4.4.9 ready in 780 ms
备注
检查控制台输出中是否有消息，例如更新 Node.js版本的说明。
进程成功后，将打开基础 Vue.js 应用。
后续步骤
使用 Vue 创建 ASP.NET Core 应用