框架下载
官方推荐通过 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 。折腾。