autumn2016
autumn2016
  • 发布:2017-02-18 17:05
  • 更新:2024-06-20 17:49
  • 阅读:14945

使用Vue单文件,开发Html5+应用

分类:HBuilder
Vue

vue-template-for-hbuilder

使用Vue单文件,开发Html5+应用

说明:

该模板生成自 vue-cli,对其dev模式进行了修改,用来使用hbuilder的开发

项目背景,自己之前开发了一个 app,使用的mui,后来引入了Vue,由于Hbuilder,还没编译es6的功能,及hbuilder有自己的web服务器,如果我们自己启动web服务的话,又不能将编译结果实时的推送到真机调试模式下,所以产生了修改vue项目模板的需求。

使用方法:

$ npm install -g vue-cli  
$ vue init aOrz/vue-template-for-hbuilder my-project  
$ cd my-project  
$ npm install  
$ npm run dev

使用Hbuilder打开my-project/dist中的目录,打开 manifest.json 点击云端获取,获取appid,并同步到 src/manifest.json 中,然后真机运行。
npm run dev 后代码会自动更新到 dist 目录,请不要用 Hbuilder 打开编译后的文件,以免影响真机测试

Build Setup

# install dependencies  
npm install  

# serve with hot reload at localhost:8080  
npm run dev  

# build for production with minification  
npm run build  

# build for production and view the bundle analyzer report  
npm run build --report
3 关注 分享
jwenlee edobnet Noah_liu

要回复文章请先登录注册

shgga

shgga

回复 autumn2016 :
改好了,嘿嘿。
2017-03-02 10:43
autumn2016

autumn2016 (作者)

回复 shgga :
多入口你可以自己改改 https://github.com/4013465w/vue-template-for-hbuilder
2017-02-24 22:04
shgga

shgga

我给你喊666,不过优化成多入口岂不是更好?可以有多个 webview。。。然后还可以放到 github上,我去帮你点赞。
2017-02-24 17:17
jwenlee

jwenlee

有提高到性能和体验吗?准备下载你的看看
2017-02-19 14:57