【小程序开发之uni-app】通识和实战准备_[uni_modules] 15 14 00

https://uniapp.dcloud.net.cn/

uni-app 是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

以达到一套代码，多端复用的效果。以此节省了单独开发多端的成本。

uni-app的官方IDE

HbuilderX

https://www.dcloud.io/hbuilderx.html

由于HbuilderX的强大支持，可以开箱即用uni-app，一键新建uni-app项目不是梦！

如何新建一个uni-app项目

第一步 ：HbuilderX——>文件——>新建——>项目

第二步：填写项目名称、路径——>选择多种模板中的一种——>选择vue版本——>点击创建

uni-app初始项目的基础配置解析

具体配置项解析

• components：uni-app的组件目录。
• pages：内含index.vue页面。
• static：存放应用的静态资源，如图片（png、jpg、svg等等），注意静态资源只能存放于此。
• uni_modules：这里由于是采用的uni-ui的模板新建的，是uni-app的插件。
• App.vue:应用配置，用来配置App全局样式以及监听 应用生命周期
• index.html:index页面
• main.js:vue:初始化入口文件
• manifest.json:配置应用名称、appid、logo、版本打包等信息
• pages.json:配置页面路由、导航条、选项卡等页面类信息
• uni.scss:uni的全局样式

什么是uni_modules?

为什么有了node_modules，还需要再发明一个uni_modules的轮子？

这里官方文档给了我们详尽的答案：

1. node_modules 不满足云端一体的需求。uniCloud的云函数、公共模块、schema和前端的各种js_sdk、组件、页面、项目，无法在node_modules模式下有效融合。
2. uni_modules有付费和商业的插件，DCloud插件市场提供了版权保护。而node_modules不支持付费和版权保护。
3. node_modules 是开发者友好而影响终端用户性能的模式。开发者为了省事，层层嵌套node_modules，造成数量惊人的文件数目。uni_modules不支持module嵌套，鼓励开发者优化包体积
4. uni_modules鼓励开发者总是使用最新版。并在HBuilderX中提供了版本内容对比工具
5. uni_modules里也支持放置node_modules，没有强行排斥。

获取uni-app ID

manifest.json中进行设置

如果有则直接添加（登录DCloud 账号重新获取即可），没有的话按照提示进行以下几步操作：

• 新建DCloud 账号
• 邮箱激活
• 新建uni-app
• IDE登录点击重新获取即可

获取App ID

登录成功后开发设置页面获取APP ID
填写到manifest.json中，并设置所需设置

如何打开微信开发者工具的安全设置

设置——>安全设置——>打开服务端口

成功显示

在HbuilderX中点击运行——>运行到小程序模拟器——>微信开发者工具

最后

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

[外链图片转存中…(img-iOwuYgMK-1718728448743)]