小程序--情窦初开 | 青训营笔记

50 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第1天

一、以下是课程中提到的一些点

终于讲到小程序了,我个人相对其他web应用还是更偏爱小程序滴,趁着今天看完了这最后一节课——小程序技术全解,来把我第一篇笔记给小程序嘿嘿。

1、第三方开发应用最简单最方便的方式

webview+jsBridge

2、小程序的优点
  • 开发门槛低

    • 对于前端的人来说会前端三剑客加上官方的文档我觉得就差不多
  • 接近原生体验

    • 资源加载,渲染,页面切换
    • 多webview
  • 安全可控

    • 独立js沙箱,没办法直接操作dom

二、学过vue之后用uniapp开发

我用vue开发过之后转小程序还是想用uni-app

工具vscode,uniapp他们有推荐自己的工具hbuilderx,也有同样的命令行,开发环境还算可以,但奈何vscode插件多啊,而且开发web端应用也是用它,所以熟一点就还用老工具vscode啦

用命令行来创建创建项目

1、创建项目

image.png 我创建的是vue3版本的,因为之前用vue3开发过pc端项目,感觉vue3好用一点 刚创建完项目的结构如下,这种情况我们按照惯例就得npm insatll一下

image.png

不安装依赖就会报错uni不是内部或外部命令,我之前就踩雷过 image.png

安装好再编译到小程序就长这样

image.png

2、微信开发者工具看效果

我是运行到微信小程序,所以去微信开发者工具打开项目

点击导入项目,然后选择文件夹,比如我上边创建的项目在my-applet里时打开这个文件夹 image.png

我们要正常使用小程序或者手机看的话还得去配置一下appid呢(在这配编译的时候才会成功编译到微信小程序那边)

image.png