前两天抓包了几个影视小程序的接口了&＃xff0c;现在我准备用抓取的接口开发一个自己的影视小程序或app,并给大家分享一下如何从零开发一个小程序或app;在这里我将使用uniapp进行开发&＃xff0c;uniapp是一个前端开发框架&＃xff0c;可以一套代码兼容全平台小程序以及app&＃xff0c;这应该大家都有所了解吧&＃xff0c;如果不了解的可以自行搜索一下哦&＃xff0c;我这里就不做详细介绍了&＃xff01;

1.安装开发工具—Hbuilderx

打开Hbuilder官网(https://www.dcloud.io/hbuilderx.html)下载对应系统版本开发工具安装即可。

2.安装后启动开发工具创建uniapp项目

首先点击菜单栏文件——新建——项目&＃xff0c;然后在弹窗种选择uni-app——输入项目名称——点击创建&＃xff0c;即可快速创建初始化一个项目基础框架。

3.引入第三方ui组件库

我这里使用了第三方ui组件库——uView,在插件市场搜索后直接导入插件&＃xff0c;然后按照组件库文档种的安装步骤安装即可&＃xff01;

1. 引入uView主JS库

在项目根目录中的main.js中&＃xff0c;引入并使用uView的JS库&＃xff0c;注意这两行要放在import Vue之后。

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

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

在项目根目录的uni.scss中引入此文件。

/* uni.scss */&＃64;import &＃39;uview-ui/theme.scss&＃39;;

3. 引入uView基础样式

注意&＃xff01;在App.vue中首行的位置引入&＃xff0c;注意给style标签加入lang&＃61;"scss"属性

4. 配置easycom组件模式

此配置需要在项目根目录的pages.json中进行。

温馨提示

1. uni-app为了调试性能的原因&＃xff0c;修改easycom规则不会实时生效&＃xff0c;配置完后&＃xff0c;您需要重启HX或者重新编译项目才能正常使用uView的功能。
2. 请确保您的pages.json中只有一个easycom字段&＃xff0c;否则请自行合并多个引入规则。

// pages.json{"easycom": {"^u-(.*)": "&＃64;/uview-ui/components/u-$1/u-$1.vue"},// 此为本身已有的内容"pages": [// ......]}

根据上面的配置步骤就正确的将ui组件库引入项目了&＃xff0c;可以愉快的使用组件了&＃xff01;

至此开发环境和项目基础构建已经完成了&＃xff0c;这一节就分享到这里吧&＃xff0c;欢迎大家继续订阅下节&＃xff0c;点个赞吧&＃xff01;