首页 > Web开发 > 详细

嵌入式开发之web---vue-demo webstorm

时间:2020-04-03 14:37:24      阅读:128      评论:0      收藏:0      [点我收藏+]

1.先按上篇https://www.cnblogs.com/pengkunfan/p/12622238.html 安装好nodejs和npm,创建好my_vue工程

cmd命令下检查node ,npm版本是否正确

node -v

npm -v

vue init webpack my_vue

https://blog.csdn.net/silenmm/article/details/81477761

2. 然后用webstorm 打开工程目录编辑,因为最新版的编辑器自己创建jjvenc工程后没有route等完整工程文件,所以这里进行外部导入编辑

webstrom2019.3.4

技术分享图片

 

 

 

技术分享图片

 

3. 编辑demo 导航代码

这里参考网友的代码,哈哈

https://blog.csdn.net/qq_34320300/article/details/78546141 优先

https://www.cnblogs.com/ttzzyy/p/10383200.html 

 

 

https://blog.csdn.net/ch648966459/article/details/79309317

纯js

https://blog.csdn.net/youguang_/article/details/88061703

https://www.cnblogs.com/chf333/p/11120664.html

https://segmentfault.com/a/1190000016365102 双向监听原理

https://baijiahao.baidu.com/s?id=1642346149991365728&wfr=spider&for=pc  状态管理

4.运行测试

npm run dev 

技术分享图片

 

 

技术分享图片

 

 

技术分享图片

 

 

 

5.build packe发布

npm run build

技术分享图片

 

 

 

 

 

https://www.jianshu.com/p/5d90d862f80e

 

6. 部署goahead

技术分享图片

 

在pc机上测试dst 发布网页无误后,拷贝到嵌入式智能设备上的goahead运行

技术分享图片

 

 

https://blog.csdn.net/nick_chain/article/details/102525007

 

2020.04.03:12:52

注意:

 

https://blog.csdn.net/zpcqdkf/article/details/80518134

https://cn.vuejs.org/v2/guide/routing.html

https://www.runoob.com/vue2/vue-if.html 在线vue 编辑运行

 

https://www.cnblogs.com/niceyoo/p/12174651.html  webstrom破解工具

嵌入式开发之web---vue-demo webstorm

原文:https://www.cnblogs.com/pengkunfan/p/12625738.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!