1、下载全uniapp hubilderX；
2、文件-新建-项目-uniapp-取个名字如demo-新建
3、目录结构
pages 放页面目录
static 放静态文件资源
app.vue 放公共css等应用入口文件
main.js 应用入口文件 注册vue等
manifest.json 项目配置
pages.json 页面配置
如果新建目录， common存放公用的文件；components 存放自定义组件，store 是vuex目录.
unpackage 编译后的文件存放目录
4、模板语法
模板块：<template> <!-- v-bind 可以简写成 : , 组件属性要使用data中定义的数据变量，或者组件属性要使用表达式，要使用v-bind指定？ v-bind:class="msg" = :class="msg" v-on 可以简写成@ , 绑定事件v-on:click="show" = @click --> <view class="content" v-bind:class="msg" v-bind:data="true ? '对的' : '错的'"> hello {{msg}} <button v-on:click="show">点我</button> <input type="text" value="哈哈哈哈过" /> <a href="//www.greatytc.com/">//www.greatytc.com/</a> <block></block> <uni-tag text="123" type="" type="error" :circle="true"></uni-tag> </view> </template> <script> export default { data() { return { title: 'Hello', msg: 'hellos' } }, onLoad() { }, methods: { // 自定义方法写到methods里 show() { console.log('点了按钮'); } } } </script> <style> </style>
5、引入扩展组件：如分段器，选择非uni-modules版本，使用HBUILDERX下载，选择当前项目即可导入。刷新页面。
学了一个中午，发现只要用 uView就好了。 uView的目标是成为uni-app生态最优秀的UI框架， 下载一个空白包就能快速用。。。
