uni-app开发日志

框架下载

官方推荐通过 HBuilderX（App开发版）编辑器。
可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。

https://uniapp.dcloud.io/quickstart

 

样式可以扫描微信小程序码体验，也可以下载源码在本地启动服务。

github源码

https://github.com/dcloudio/uni-app

 

使用vue-cli的方式，刚开始是好的，后来为了用别的插件，不知道哪步操作出错了，各种报错，缺少依赖引用文件，比较麻烦。可能是各种依赖的版本问题吧，改不好了。

https://ask.dcloud.net.cn/article/36286

hello uni-app 带有UI模板样式，和微信小程序扫码体验的那套样式是一致的。

 

使用编辑器新建的项目，初始很让人看不懂，项目文件结构太简单了，没有 node_modules  ，package.json文件。

后来才反应过来，需要手动初始化 npm

npm install --save

下载 node_modules 

npm init -y

初始化 package.json 

 

使用elementUI

npm i element-ui -S

https://element.eleme.cn/#/zh-CN/component/installation

 

项目结构

https://uniapp.dcloud.io/frame?id=%e7%9b%ae%e5%bd%95%e7%bb%93%e6%9e%84

由此，开始愉快的H5移动端开发吧。

 

后因使用base64插件，报错解决不了，又重新换回 vue-cli 。反正项目也没有小程序的需求，就是做嵌入移动端的 h5 。折腾。