一、什么是uniapp

UniApp是一款基于Vue.js框架的全端開發(fā)工具，可以實現(xiàn)同時開發(fā)多個平臺（包括H5、小程序、APP等）應用的能力。使用UniApp，開發(fā)者只需要編寫一份代碼就可以快速地發(fā)布到多個平臺，極大地提高了開發(fā)效率和用戶體驗。

二、uniapp的優(yōu)缺點

優(yōu)點：

1.跨平臺開發(fā)：uniapp可以使用一套代碼開發(fā)多個平臺（H5、小程序、app），大大提高了開發(fā)效率，使代碼更加靈活。

2.拓展性強：uniapp是基于vue框架進行開發(fā)，容易上手、靈活高效。

3.性能穩(wěn)定：uniapp利用原生渲染技術，提高頁面渲染性能，集成路由懶加載、圖片壓縮、按需引入等。

缺點：

1.功能受限：在uniapp的平臺下進行開發(fā)，有些功能并未完善，所以會受到限制。

2.學習成本高：對于新手來言，首先要學習vue框架，再介入uniapp。

三、項目搭建

第一步：打開HBuilder X工具，找到左上角的文件點擊，找打新建在找到項目點擊！

?第二步：出現(xiàn)這個彈框然后先輸入你要創(chuàng)建的項目名稱，然后選擇對應模版，選擇vue版本，點擊創(chuàng)建。這樣就成功創(chuàng)建了一個uniapp的項目。

?第三步我們想要以小程序的方式運行，找到運行點擊出現(xiàn)多個運行方式，找打運行小程序到模擬器，找打微信開發(fā)者工具。

四、配置文件

1.main.js 入口文件

main.js必不可缺，這個文件來引入vue實例，來使用vue的方法。如想使用vueX在這個文件中進行引用即可。

2.App.vue全局文件

在這個文件中進行設置全局變量或方法，對全局樣式的管理。

其他頁面調用使用getApp(),即可獲取到組件實例，獲取當前值。?

3.pages.json

配置路由的文件，可以配置tabbar，頁面的單獨樣式

4.manifest.json

manifest.json?文件是應用的配置文件，用于指定應用的名稱、圖標、權限等。HBuilderX 創(chuàng)建的工程此文件在根目錄，CLI 創(chuàng)建的工程此文件在 src 目錄。