.net Core中怎么创建一个vuejs应用

这篇文章给大家介绍.net Core中怎么创建一个vuejs应用,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。


检测安装

安装完成后,打开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应用

.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应用


关于.net Core中怎么创建一个vuejs应用就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。