前言
最近花不少钱报了一个网课班，昂贵的学费让我很是头疼，既然花钱了，那肯定要好好学，不然对不起我牺牲的双十一（双十一别的啥都没买呢
）。课程的内容还挺多，学习周期也不短，这样也有一定的时间去消化吸收，目前课程刚开课，自己根据课表找了点感兴趣的东西做一下提前了解，记录一下学习笔记，水水文章，可能会出系列文章，就看懒不懒了。
今天研究一下第一个东东，大名鼎鼎的ABP，也就是ASP.NET Boilerplate Project，久闻其名了，只不过一直没有了解过，今天做了一下了解，发现大明鼎鼎还真的是有道理的，因为我看不太懂
。不过没关系，慢慢来，一点点的学习就是了，没有不可能只有不学习和放弃！今天的主要任务是先让它Run起来。
1. 第一步，下载模板代码（Core3.1+Vue）
abp官网提供了几个集成的SPA（单页应用程序）模板，有angular，vue，react 还有不带前端的多页模板，这里我下载的是Vue，因为我只学过Vue 
，Target Version（目标版本）选择V3.x。项目名称DKPro.AbpStudy，完事输入验证码就可以开始下载了！
2. 编译后端项目代码
- 目前从官网这么下载的代码是5.8.1的，解压完之后项目目录是下面这样的：
很简单明了，aspnet-core是后台代码，vue就是前端的了，如果你下载代码的时候项目名成是乱写的，你可以重新获取，也可以用图中的rename.ps1文件重命名，右键编辑，改一下里面的名称，保存，执行，完事。
- 使用vs2019打开aspnet-core文件夹下的解决方案，项目启动之后应该会自己还原NuGet包，没有的话就右键解决方案》还原NuGet包，然后耐心等待一会，还原完成之后build一下，没有问题。
-
将DKPro.AbpStudy.Web.Host项目设置为解决方案，启动方式不用IIS，太慢。
-
运行代码，然后报错
，原因是需要修改连接字符串，需要修改成自己的数据库连接。 
如果你要是用本地的Windows服务验证的话，那就把数据库名字改一下就妥了。比如我的是
Server=.; Database=AbpStudy; Trusted_Connection=True;
-
打开程序包管理器控制台，项目选择到EntityFrameworkCore，执行命令 update-database，稍作等待就ok了。
-
再次运行项目，这次没问题了，会进入到Swagger首页。
3. 编译Vue代码
- 这个也比较简单，在Vue目录执行命令：
npm install 或者 yarn install
// yarn 需要安装，具体方法百度很多，速度上会比npm好很多
- 启动项目
npm run serve 或者 yarn run serve
4. 解决跨域Run起来
前端运行之后打开页面一片空白，那肯定不能够啊，于是打开F12看到了熟悉的报错——跨域，没关系，老朋友了，解决一下就行了。
abp框架已经做过跨域处理了，只需要给咱们的地址加进去就完事了，在appsettings.json文件中添加一下自己的域名，我的是http://192.168.0.47:8081。
重新启动一下后端，刷新一下前端，可以用了。前端登录账号 admin，密码 123qwe
5. 结语
差不多吧，代码算是run起来了，第一步已经完成了，接下来主要需要研究一下各个项目结构，去思考一下设计思想，多找点文章看看，到时候听课的时候也不至于那么懵逼。我是LiuDanK，下次再见。
