VUE+Ant Design Vue+.Net Core搭建后台框架-(3)引入组件

开发之前我们需要将组件都配置到我们的项目工程中

前端编译，构建，打包，我们统一使用的npm指令集。

• 前端所需组件

(1)Ant Design of Vue

介绍：

这里是 Ant Design 的 Vue 实现,开发和服务于企业级后台产品。+ 特性#提炼自企业级中后台产品的交互语言和视觉风格。 开箱即用的高质量 Vue 组件

安装:

cd /d 项目路径      

npm install ant-design-vue --save

(2)vuex

介绍：

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

安装:

cd /d 项目路径

npm install vuex@next --save @next为VUEX对应的主VUE的版本

(3)axios

介绍:

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

安装:

cd /d 项目路径

npm install axios

(4)router

介绍

Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。

安装:

新建项目时候我们已经在项目中包含了路由组件，所以无需引入

• 后台开发工具

本项目使用的是Visual Studio 2019作为.net core项目的开发环境

组件JWT，本章应为没有创建后台项目，所以暂时无法引入，在下一篇文章我们在介绍。

• IIS所需组件

（1）URL 重写组件

介绍

VUE项目打包，数据接口和网站不在一个域中，所以需要本模块为VUE部署在IIS后的数据请求进行反向代理。

安装

打开IIS

IIS中有web平台安装程序,请查找该组件后安装。

IIS中没有web平台安装程序，请在下方链接下载该组件

URL Rewrite : The Official Microsoft IIS Sitehttps://www.iis.net/downloads/microsoft/url-rewrite

安装完成

成后网站的内容视图中会出现URL重写组件

到此我们的准备工作已经完成，接下来我们开启项目之旅！

(上一篇)VUE+Ant Design Vue+.Net Core搭建后台框架-(2)搭建VUE项目

(下一篇)VUE+Ant Design Vue+.Net Core搭建后台框架-(4)后台项目创建