DoNetCore集成Vue

创建donetcore项目

安装Nodejs与Vue

到官网 https://nodejs.org/en/download/ 下载一个合适的版本进行安装。默认选项一直Next即可。
打开终端安装Vue。这里使用的是vscode的终端插件。
1.输入命令安装Vue： upm install -g vue
2.安装vue-cli脚手架: npm install -g vue-cli

使用Webpack初始化Vue

1.打开终端，cd Project
2.终端输入： vue init webpack ，依次出现如下参数：

Generate project in current directory 是否在当前路径下生成项目(Y)
Project name 输入项目名称 (vue-demo)
Project description 输入项目描述 (A Vue.js Project)
Author 作者
Vue build 打包方式，回车就好了
Install vue-router? 是否使用 vue-router (Y)
Use ESLint to lint your code? 代码规范 (Y)
Setup unit tests with Karma + Mocha? 单元测试 (N)
Setup e2e tests with Nightwatch? E2E测试 (N)

我选择的是使用vue路由和代码规范。单元测试和E2E测试暂时用不到，可以选择不安装。

安装依赖

1.终端cd到项目路径
2.输入：npm install
3.完成后输入：npm run dev ，完成后出现如下提示框