关于前端:从零开始搭建小程序项目

43次阅读

共计 846 个字符,预计需要花费 3 分钟才能阅读完成。

一、筹备

首先,如果你是第一次开发的话须要装置微信开发者工具,能够先去官网下载稳定版对应的 64 位或者 32 位,地址如下:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
下载实现之后双击程序包进行傻瓜式装置即可。


之后你须要注册一个 AppID, 先去微信公众平台官网首页 mp.weixin.qq.com,点击右上角的“立刻注册”按钮,而后抉择须要注册的账号类型,并且填写邮箱以及明码,登录邮箱并激活邮箱之后依照提醒实现注册即可。
等你再次登录之后就会呈现如下界面,点击左侧的开发治理,在开发治理中点击开发设置就会看到属于你的 AppID。



二、搭建初始化我的项目

双击桌面上的微信开发者工具,在新建我的项目那一栏填上你我的项目的名称、目录、AppID 等之后点击新建按钮,而后零碎就会创立一个初始化的默认我的项目,如图:


这才只是我的项目的第一步,如果你要开发理论我的项目,后期就必须要搭建好我的项目的构造,以防在当前的开发过程中显得特地吃力。


三、引入 Vant Weapp 组件库

1. 关上方才创立好的我的项目的终端,输出 npm init 命令而后始终默认回车来初始化一个我的项目的 package.json 文件。

2. 而后来到 Vant Weapp 的小程序版本的官网文档。
https://vant-contrib.gitee.io/vant-weapp/#/quickstart
参考官网文档输出命令 npm i vant-weapp -S –production
3. 构建 npm: 在微信开发者工具菜单栏中抉择点击工具 -> 构建 npm, 而后期待构建实现。

构建实现之后你会发现你我的项目的目录下多出了一个命名为 miniprogram_npm 的文件夹,这就是 Vant Weapp 组件库。
4. 接着就在微信开发者工具面板中找到详情按钮 -> 本地设置 -> 勾选应用 npm 模块。


应用办法在官网文档中有更加详尽的形容及示例,这里就不再赘述。

四、引入 weui

之后更新 …

正文完
 0