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

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值