1、下載全uniapp hubilderX；
2叁扫、文件-新建-項(xiàng)目-uniapp-取個(gè)名字如demo-新建
3、目錄結(jié)構(gòu)
pages 放頁(yè)面目錄
static 放靜態(tài)文件資源
app.vue 放公共css等應(yīng)用入口文件
main.js 應(yīng)用入口文件 注冊(cè)vue等
manifest.json 項(xiàng)目配置
pages.json 頁(yè)面配置
如果新建目錄畜埋， common存放公用的文件莫绣；components 存放自定義組件，store 是vuex目錄.
unpackage 編譯后的文件存放目錄
4悠鞍、模板語(yǔ)法
模板塊：<template> <!-- v-bind 可以簡(jiǎn)寫(xiě)成 : , 組件屬性要使用data中定義的數(shù)據(jù)變量对室，或者組件屬性要使用表達(dá)式模燥，要使用v-bind指定？ v-bind:class="msg" = :class="msg" v-on 可以簡(jiǎn)寫(xiě)成@ , 綁定事件v-on:click="show" = @click --> <view class="content" v-bind:class="msg" v-bind:data="true ? '對(duì)的' : '錯(cuò)的'"> hello {{msg}} <button v-on:click="show">點(diǎn)我</button> <input type="text" value="哈哈哈哈過(guò)" /> <a href="http://www.reibang.com/">http://www.reibang.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: { // 自定義方法寫(xiě)到methods里 show() { console.log('點(diǎn)了按鈕'); } } } </script> <style> </style>
5掩宜、引入擴(kuò)展組件：如分段器蔫骂，選擇非uni-modules版本，使用HBUILDERX下載牺汤，選擇當(dāng)前項(xiàng)目即可導(dǎo)入辽旋。刷新頁(yè)面。
學(xué)了一個(gè)中午檐迟，發(fā)現(xiàn)只要用 uView就好了补胚。 uView的目標(biāo)是成為uni-app生態(tài)最優(yōu)秀的UI框架， 下載一個(gè)空白包就能快速用追迟。溶其。。
