uni-app框架簡介

1. 前言

uni-app 是一個(gè)由 DCloud 團(tuán)隊(duì)推出的跨平臺(tái)應(yīng)用的前端框架，用的是 Vue.js 語法。

如果你之前沒有接觸過 Vue.js 語法也沒有關(guān)系，相信你在學(xué)習(xí)這篇文章之前一定是了解 html、js、css 的， Vue.js 語法其實(shí)就是這三者的結(jié)合，很容易上手的。

說起uni-app，我們最常聽說的，應(yīng)該是他可以用來開發(fā)小程序，但是他的功能可不僅限于此，我們可以用它開發(fā)幾乎所有的前端應(yīng)用，功能非常強(qiáng)大！

用uni-app框架開發(fā)，代表我們只需要用一套代碼，就可以將項(xiàng)目部署到多個(gè)平臺(tái)上面。這些平臺(tái)包括iOS、Android、H5、小程序（微信/支付寶/百度/頭條/QQ/釘釘/淘寶）、快應(yīng)用等。再也不用根據(jù)各個(gè)平臺(tái)的特性去單獨(dú)開發(fā)一套代碼了，維護(hù)也只需要維護(hù)這一套代碼，會(huì)極大的提高我們的工作效率。

總的來說，uni-app是一款容易上手、功能強(qiáng)大的開發(fā)框架。想要學(xué)習(xí)前端開發(fā)，uni-app 絕對(duì)是一款良心的好框架，非常值得我們學(xué)習(xí)使用！

2. 為什么要使用uni-app

當(dāng)下進(jìn)行開發(fā)的時(shí)候，特別是前端開發(fā)，之前我們需要根據(jù)各個(gè)平臺(tái)的特性單獨(dú)開發(fā)一套代碼，對(duì)于開發(fā)還是維護(hù)來說都是很大的工作量，大大消耗了我們的時(shí)間和精力。

如果使用 uni-app 框架開發(fā)就不需要考慮這些了，用一套代碼就可以部署到多個(gè)平臺(tái)上面。下面來看一下 uni-app 為什么值得我們?nèi)W(xué)習(xí)使用。

2.1 學(xué)習(xí)成本低

uni-app 基于通用的前端技術(shù)棧，用的是vue語法+微信小程序api，簡單易上手，新手友好度高。

只學(xué)習(xí) uni-app 就可以開發(fā)出iOS、Android、H5、以及各種小程序的應(yīng)用，不需要再學(xué)習(xí)其他的應(yīng)用框架。

如果你有過h5、原生小程序、mpvue等的開發(fā)經(jīng)驗(yàn)，也可以無縫銜接到 uni-app，幾乎沒有額外的學(xué)習(xí)成本。

2.2 開發(fā)成本低

之前針對(duì) h5 應(yīng)用、小程序等平臺(tái)需要各自開發(fā)一套代碼，現(xiàn)在使用 uni-app 開發(fā)。可以實(shí)現(xiàn)多端一套代碼，不需要重復(fù)開發(fā)，極大的提高了我們的開發(fā)效率。對(duì)公司來說，也大大減少了開發(fā)成本。

再搭配上 HBuilderX 這個(gè)通用的前端開發(fā)工具，熟練掌握后研發(fā)效率至少翻倍，即使不跨端，uni-app 也是更好的小程序開發(fā)框架、h5開發(fā)框架。

2.3 部署簡單

不知道大家之前有沒有部署過其他的框架，還記得部署環(huán)境時(shí)遇到各種插件、各種依賴、各種報(bào)錯(cuò)時(shí)那種崩潰的心情嗎？這種心情 uni-app 框架絕對(duì)不會(huì)讓你體會(huì)到。

不同于其他前端框架繁雜的部署，DCloud 團(tuán)隊(duì)非常貼心，開發(fā)了成熟的軟件HBuilderX。集成了我們開發(fā)所需要的基礎(chǔ)環(huán)境，我們不需要再去一個(gè)個(gè)的安裝插件，體會(huì)連環(huán)套的報(bào)錯(cuò)了，只需要下載安裝這個(gè)軟件就可以了。開始 uni-app 的開發(fā)調(diào)試就是這么簡單。

2.4 良好的周邊生態(tài)

uni-app 的開發(fā)團(tuán)隊(duì)不僅貼心還很用心，他們長期維護(hù)代碼，并積極擁抱社區(qū)，打造了開放、兼容的生態(tài)系統(tǒng)。

越活躍的開發(fā)社區(qū)，就代表有更多的學(xué)習(xí)資料，bug 能更快的得到修復(fù)，問題也能更快的得到解答。學(xué)習(xí)這個(gè)框架會(huì)讓你越來越驚喜，一定不會(huì)讓你失望的。

3. 學(xué)習(xí)基礎(chǔ)

為了讓大家有更好的學(xué)習(xí)體驗(yàn)，在學(xué)習(xí)本課程之前，最好已經(jīng)具備下面這些基礎(chǔ)知識(shí)：

• 對(duì) Vue.js 語法有一定的了解；
• 沒有接觸過 Vue.js，有 html、css、JavaScript 的基礎(chǔ)也可以；
• 對(duì) nodeJs 有一定的了解，這個(gè)主要是后端開發(fā)會(huì)用到，如果你只負(fù)責(zé)前端開發(fā)可以忽略掉。但如果要進(jìn)行前后端全棧開發(fā)，就一定要掌握 nodeJs。

4. 小結(jié)

本小節(jié)主要介紹了 uni-app 是一個(gè)怎樣的框架，主要為了讓大家放下心防。這么強(qiáng)大的框架，其實(shí)上手并不難，我們不需要過多的操心，后面的課程會(huì)給大家一步步拆解這個(gè)框架。本節(jié)的重點(diǎn)如下：

• uni-app 是一款幾乎可以開發(fā)所有前端應(yīng)用的框架；
• 我們?yōu)槭裁匆褂?uni-app ？因?yàn)樗膶W(xué)習(xí)成本低、開發(fā)成本低、部署簡單以及有一個(gè)良好的周邊生態(tài)；
• 學(xué)習(xí) uni-app 之前最好對(duì) Vue.js 語法有一定的了解。