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