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

发布时间:2021-07-09 11:00:45 作者:Leah
来源:亿速云 阅读:319

这篇文章给大家介绍.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应用就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

推荐阅读:
  1. Asp.net Core介绍
  2. 十二个 ASP.NET Core 例子

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vue.js

上一篇:Angular.js中$http拦截器有什么用

下一篇:vue中怎么实现一个模态框组件

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》