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

在这里插入图片描述

第二步:填写项目名称、路径——>选择多种模板中的一种——>选择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中点击运行——>运行到小程序模拟器——>微信开发者工具

在这里插入图片描述

到这里今天的通识和项目实战准备已经完成了,已经可以把demo成功的运行在微信开发者工具上。

在这里插入图片描述

这就是本期的全部,我们下期继续!

本期重点回顾

文末

如果30岁以前,可以还不知道自己想去做什么的话,那30岁之后,真的觉得时间非常的宝贵,不能再浪费时间在一些碎片化的事情上,比如说看综艺,电视剧。一个人的黄金时间也就二,三十年,不能过得浑浑噩噩。所以花了基本上休息的时间,去不断的完善自己的知识体系,希望可以成为一个领域内的TOP。

同样是干到30岁,普通人写业务代码划水,榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛,很多人迈不过去,其实各行各业都是这样都会有个坎,公司永远都缺的高级人才,只用这样才能在大风大浪过后,依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。

前端面试题汇总

JavaScript

  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值