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

13732203138

热门课程

.net Core教程之创建vuejs应用

  • 时间:2018-11-05 14:07
  • 发布:转载
  • 来源:网络

必备工具

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

上一篇:.NET Core如何跨平台执行命令、脚本?
下一篇:没有下一篇了

.NET Core如何跨平台执行命令、脚本?

.NET开发有哪些好的辅助工具?

选择城市和中心
贵州省

广西省

海南省