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


当前标题:.netCore中怎么创建一个vuejs应用
URL网址:http://azwzsj.com/article/jcopoj.html