前兩天抓包了幾個影視小程序的接口了，現(xiàn)在我準(zhǔn)備用抓取的接口開發(fā)一個自己的影視小程序或app,并給大家分享一下如何從零開發(fā)一個小程序或app;在這里我將使用uniapp進(jìn)行開發(fā)，uniapp是一個前端開發(fā)框架，可以一套代碼兼容全平臺小程序以及app，這應(yīng)該大家都有所了解吧，如果不了解的可以自行搜索一下哦，我這里就不做詳細(xì)介紹了！

1.安裝開發(fā)工具—Hbuilderx

打開Hbuilder官網(wǎng)(https://www.dcloud.io/hbuilderx.html)下載對應(yīng)系統(tǒng)版本開發(fā)工具安裝即可。

2.安裝后啟動開發(fā)工具創(chuàng)建uniapp項(xiàng)目

首先點(diǎn)擊菜單欄文件——新建——項(xiàng)目，然后在彈窗種選擇uni-app——輸入項(xiàng)目名稱——點(diǎn)擊創(chuàng)建，即可快速創(chuàng)建初始化一個項(xiàng)目基礎(chǔ)框架。

3.引入第三方ui組件庫

我這里使用了第三方ui組件庫——uView,在插件市場搜索后直接導(dǎo)入插件，然后按照組件庫文檔種的安裝步驟安裝即可！

1. 引入uView主JS庫

在項(xiàng)目根目錄中的main.js中，引入并使用uView的JS庫，注意這兩行要放在import Vue之后。

// main.jsimport uView from "uview-ui";Vue.use(uView);

2. 在引入uView的全局SCSS主題文件

在項(xiàng)目根目錄的uni.scss中引入此文件。

/* uni.scss */@import 'uview-ui/theme.scss';

3. 引入uView基礎(chǔ)樣式

注意！在App.vue中首行的位置引入，注意給style標(biāo)簽加入lang="scss"屬性

4. 配置easycom組件模式

此配置需要在項(xiàng)目根目錄的pages.json中進(jìn)行。

溫馨提示

uni-app為了調(diào)試性能的原因，修改easycom規(guī)則不會實(shí)時生效，配置完后，您需要重啟HX或者重新編譯項(xiàng)目才能正常使用uView的功能。

請確保您的pages.json中只有一個easycom字段，否則請自行合并多個引入規(guī)則。

// pages.json{"easycom": {"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"},// 此為本身已有的內(nèi)容"pages": [// ......]}

根據(jù)上面的配置步驟就正確的將ui組件庫引入項(xiàng)目了，可以愉快的使用組件了！

至此開發(fā)環(huán)境和項(xiàng)目基礎(chǔ)構(gòu)建已經(jīng)完成了，這一節(jié)就分享到這里吧，歡迎大家繼續(xù)訂閱下節(jié)，點(diǎn)個贊吧！

總結(jié)

以上是生活随笔為你收集整理的零配置初始化流程就一直过不去_uni-app从零开发影视小程序1——搭建开发环境构建项目的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。