杭州.net培训
达内杭州.net培训中心

13732203138

热门课程

.net Core教程之创建vuejs应用

  • 时间:2019-01-02 11:11
  • 发布:转载
  • 来源:网络

必备工具

Visual Studio2017(把.NetCore装上)

安装NodeJS

检测安装

安装完成后,打开cmd工具

然后输入dotnet -v查看一下

.net Core创建vuejs应用

看到上面的图说明没有报错的话,这样我们就可以进行下一步

安装SpaTemplates工具

在cmd中输入dotnet new --install Microsoft.AspNetCore.SpaTemplates::*

.net Core创建vuejs应用
.net Core创建vuejs应用
.net Core创建vuejs应用

创建文件夹

.net Core创建vuejs应用

我们在D:对应的目录下建了一个vuecoredemo文件夹

然后通过命令跳到这里

.net Core创建vuejs应用

创建项目

进入我们要建立的文件夹后在cmd中输入dotnet new vue

.net Core创建vuejs应用

然后我们再输入一个dotnet restore

.net Core创建vuejs应用

此时整个项目算是已经全部创建完成了

运行项目

我们打开VS2017后打开这个项目

.net Core创建vuejs应用

可以看到整个项目都打开了vue前端的都放在了ClientApp里

.net Core创建vuejs应用

Controllers还是我们的后端的API

运行整个项目后效果

.net Core创建vuejs应用
.net Core创建vuejs应用
.net Core创建vuejs应用

预约申请免费试听课

怕钱不够?就业挣钱后再付学费!    怕学不会?从入学起,达内定制课程!     担心就业?达内多家实践企业供你挑选!

上一篇:常见的Java10大算法
下一篇:这些NETCore中的并发编程必须知道!
选择城市和中心
贵州省

广西省

海南省