vue视频攻略 vue教程

引言

应用主流前端开发工具Vue微软，后端开发工具Visual Studio 2019年，前后端联合调试是中小型应用中常用的简单调试方法。

Vue

读音/vju?/，类似view,构建用户界面的渐进式JavaScript框架。Vue自底向上逐层应用，只关注视图层，易于启动，与第三方库或现有项目集成，开发复杂的单页应用SPA。

Vue它是目前最流行的前端框架之一，axios是Vue中用来与后端交互的工具（类似ajax）。通过axios您可以向服务器发送要求的数据请求，服务器返回到前台。

使用vue前端项目开发(默认前后端分离)，vue-cli脚手架run server，nodejs会启动一个web site，此web site基于node.js若后端使用，则实现java、c#此时如何要求后端数据并进行项目测试？

深入vue-cli脚手架发现，cli启动脚手架web site默认开启代理功能，请求可通过设置相关代理信息转发到相应的后端应用程序。

Visual Studio微软集成开发环境

流行的Windows最新版本的平台应用程序集成开发环境 Visual Studio 2019基于.NET Framework 4.8 。

调试步骤主要分为三个步骤，即先运行vue第三步是在浏览器中打开网站进行联调。

1、启动vue-cli

按 win r，输入cmd回车，进入command命令环境； 输入项目目录npm run dev回车，启动vue-cli

下图是启动后的内容

2、 启动Visual Studio，进入调试状态

3、打开chrome浏览器运行

浏览器地址栏粘贴链接http://localhost:8080进入前端程序主界面后，可调试状态；

如下图所示：