Asp.net+Vue2构建简单记账WebApp之三(使用Vue-cli构建vue.js应用)

一、前提

1、安装好node.js 2、安装好npm 3、安装好vue-cli

这里写图片描述

如何安装这里就跳过,网上一大推。 当然装上npm的淘宝镜像更好

二、构建项目

1、进入项目文件夹

这里写图片描述

2、生成项目

执行 vue init webpack MyBill

这里写图片描述

3、查看

利用vue-cli 构建的文件夹如下

这里写图片描述

4、初始化项目 cd mybill npm install

这里写图片描述

5、 用node运行试试 npm run dev 执行后会自动打开浏览器 退出的话,可以直接Ctrl+C,按两次c。

这里写图片描述

三、结构介绍

1、使用自己喜欢的工具打开这个项目文件夹 我喜欢使用webstorm

这里写图片描述

四、发布(asp.net 就只用发布的东西)

1、 发布 npm run build

这里写图片描述

这里写图片描述

2、在我们.net项目中引入发布的内容 对于调试,我们引入也可以,因为构建的时候已经在我们的项目下面了。只要知道位置就可以的。

这里写图片描述

3、 在asp.net 项目中访问这个页面 启动调试,浏览器输入相对页面地址可以看见一片空白,我们哪里错了?

这里写图片描述

4、 修改node发布配置后从新发布项目

这里写图片描述

这里写图片描述

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏linux系统运维

rsync通过服务同步,linux系统日志,screen工具

1974
来自专栏决胜机器学习

RabbitMQ(六) ——RPC模式

RabbitMQ(六)——RPC模式 (原创内容,转载请注明来源,谢谢) 一、概述 RabbitMQ的RPC模式,支持生产者和消费者不在同一个系统中,即允许远程...

3655
来自专栏smy

windows下操作linux虚拟机映射网络驱动器中文件提示chmod权限不足解决方案

为了方便操作,linux虚拟机会通过windows下连接网络驱动器的方式共享自己的文件,对于前端来说,我想把gulp放在windows磁盘,操作虚拟机中的php...

1893
来自专栏noteless

springmvc 项目完整示例03 小结

一般一个项目,主要有domain,dao,service,controller这几个层次,具体的真不清楚的话可以百度一下

3012
来自专栏小二的折腾日记

服务器-Nginx模块化结构

习惯上将Nginx分为:核心模块、标准模块、可选HTTP模块、邮件服务模块和第三方模块五大类。

782
来自专栏Java后端生活

Linux(十七)动态监控进程

2055
来自专栏编程坑太多

一个简单的Django项目

1534
来自专栏散尽浮华

python案例-用户登录

要求: •输入用户名密码 •认证成功后显示欢迎信息 •输错三次后锁定 1 #!/usr/bin/env python 2 # -*- coding:utf-...

2927
来自专栏Python

linux每日命令(5):mkdir命令

linux mkdir 命令用来创建指定的名称的目录,要求创建目录的用户在当前目录中具有写权限,并且指定的目录名不能是当前目录中已有的目录。

1162
来自专栏醉码

cetnos 7.4 kafa本地环境搭建

3656

扫码关注云+社区

领取腾讯云代金券