基于 ASP.NET Core 2 + Vue.js 的前后端分离的通用后台管理系统开源框架DncZeus使用入门(1)--搭建vue环境

1、下载DncZeus源码

https://github.com/lampo1024/DncZeus/

2、解压后目录:

基于 ASP.NET Core 2 + Vue.js 的前后端分离的通用后台管理系统开源框架DncZeus使用入门(1)--搭建vue环境

其中 API是普通的asp.net core API项目,可以用VS打开编译

APP是前端项目。

3、app运行方法

app的目录结构如下:

基于 ASP.NET Core 2 + Vue.js 的前后端分离的通用后台管理系统开源框架DncZeus使用入门(1)--搭建vue环境

(1)DOC下进入DncZeus.App目录

然后运行 npm i 或者npm install

基于 ASP.NET Core 2 + Vue.js 的前后端分离的通用后台管理系统开源框架DncZeus使用入门(1)--搭建vue环境

运行时,会下载很多的文件到node_modules目录下

基于 ASP.NET Core 2 + Vue.js 的前后端分离的通用后台管理系统开源框架DncZeus使用入门(1)--搭建vue环境

运行完成后,再运行npm run dev启动环境

基于 ASP.NET Core 2 + Vue.js 的前后端分离的通用后台管理系统开源框架DncZeus使用入门(1)--搭建vue环境

在最后会显示端口,如:

基于 ASP.NET Core 2 + Vue.js 的前后端分离的通用后台管理系统开源框架DncZeus使用入门(1)--搭建vue环境

然后在浏览器中打开对应的端口,如上图中的localhost:9000

基于 ASP.NET Core 2 + Vue.js 的前后端分离的通用后台管理系统开源框架DncZeus使用入门(1)--搭建vue环境