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

1.安裝開發工具—Hbuilderx

打開Hbuilder官網(https://www.dcloud.io/hbuilderx.html)下載對應系統版本開發工具安裝即可。

2.安裝后啟動開發工具創建uniapp項目

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

3.引入第三方ui組件庫

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

1. 引入uView主JS庫

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

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

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

在項目根目錄的uni.scss中引入此文件。

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

3. 引入uView基礎樣式

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

4. 配置easycom組件模式

此配置需要在項目根目錄的pages.json中進行。

溫馨提示

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

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

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

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

至此開發環境和項目基礎構建已經完成了，這一節就分享到這里吧，歡迎大家繼續訂閱下節，點個贊吧！

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。