專業(yè)杭州網站建設今日頭條新聞最新事件
一、什么是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 目錄。