-
移动开发
站-
热门城市 全国站>
-
其他省市
-
-
400-636-0069
白羽
2018-07-19
来源 ：网络
阅读 1111
评论 0
摘要：本文将带你了解WEBAPP开发之Asp.net+Vue2构建简单记账WebApp之三（使用Vue-cli构建vue.js应用），希望本文对大家学WebApp有所帮助。
源码下载
一、前提
1、安装好node.js
2、安装好npm
3、安装好vue-cli
这里写图片描述
如何安装这里就跳过，网上一大推。
当然装上npm的淘宝镜像更好
二、构建项目
1、进入项目文件夹
2、生成项目
执行vueinitwebpackMyBill
3、查看
利用vue-cli构建的文件夹如下
4、初始化项目
cdmybill
npminstall
5、用node运行试试
npmrundev执行后会自动打开浏览器
退出的话，可以直接Ctrl+C，按两次c。
这里写图片描述
三、结构介绍
1、使用自己喜欢的工具打开这个项目文件夹
我喜欢使用webstorm
四、发布（asp.net就只用发布的东西）
1、发布
npmrunbuild
2、在我们.net项目中引入发布的内容
对于调试，我们引入也可以，因为构建的时候已经在我们的项目下面了。只要知道位置就可以的。
3、在asp.net项目中访问这个页面
启动调试，浏览器输入相对页面地址可以看见一片空白，我们哪里错了？
4、修改node发布配置后从新发布项目
本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之WebApp频道！
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
