uni-app框架簡介

1. 前言

uni-app 是一個由 DCloud 團隊推出的跨平臺應用的前端框架，用的是 Vue.js 語法。

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

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

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

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

2. 為什么要使用uni-app

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

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

2.1 學習成本低

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

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

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

2.2 開發(fā)成本低

之前針對 h5 應用、小程序等平臺需要各自開發(fā)一套代碼，現(xiàn)在使用 uni-app 開發(fā)?？梢詫崿F(xiàn)多端一套代碼，不需要重復開發(fā)，極大的提高了我們的開發(fā)效率。對公司來說，也大大減少了開發(fā)成本。

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

2.3 部署簡單

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

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

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

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

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

3. 學習基礎(chǔ)

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

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

4. 小結(jié)

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

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