美文网首页我的小前端
入门微信小程序--创建项目

入门微信小程序--创建项目

作者: 小乌龟变王八 | 来源:发表于2018-07-26 18:24 被阅读2次

一段视频看小程序发展

小程序已经快两岁的,我才入坑,刚刚入坑那会我使劲和我朋友抱怨,太难了,学不动,不想学,不学了。硬着头皮死磕一遍文档,然后觉得也没有我想象中那么难。或许是因为语言的相通性,或许是因为它的语法和 vue 有异曲同工之妙,目前市场上流行的三大款架,我就只会 vue 。在小程序的开发中,只要我们时时刻刻遵守微信给我们划定的一些框架和规范,适应小程序最需要完成一个开发理念上的大转变,从操作 DOM 转变为操作数据,项目组件化、模板化,需要使用的组件直接调用

朋友手把手图文教我入门,入门小白,有朋友的支援,不会轻易说放弃,怕被嫌弃。

死磕官方文档的时候发现,文档就是最好的资料,如何一步一步学习,每一个知识点都有对应的 demo ,轻轻松松入门

创建账号

  • 注册

点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号

register.png
  • 获取 AppID(小程序 ID ),创建项目
logon.png project.png
  • 下载编译器

如果你习惯用 vscode 开发,是没有问题的,运用微信编辑器实时预览就好了。初学者建议使用自带编辑器。(例如 mpvue 框架,在 vscode 编写,运行 npm run dev 然后在微信编译器里面导入 dist 文件,就可以实时预览,vscode 编写,微信编辑器查看)
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=2018712

创建项目

准备工作都已经齐全了,现在我们可以创建自己的小项目玩了,我建议在玩项目之前还是先读一遍 官方文档

  • 项目配置文件
appJson.png
  • 项目构成
index.png wxs.png

好了你已经入门小程序,并且学会了如何创建属于你自己的小程序了,接下来好好看看文档,学习学习他们的语法,你就可以上手项目了;

续更语法,文字版小项目。手把手教你入门小程序
项目介绍案例地址

学习资料参考

欢迎学习交流


微信

相关文章

  • 微信小程序 入门到入门

    微信小程序 入门到入门 创建微信小程序 具体创建方式,傻瓜式进行。 ShowTime 1.实用npm安装第三方包 ...

  • 入门微信小程序--创建项目

    一段视频看小程序发展 小程序已经快两岁的,我才入坑,刚刚入坑那会我使劲和我朋友抱怨,太难了,学不动,不想学,不学了...

  • 【教程】微信小程序入门

    微信小程序入门基础知识 Moustache:我的微信小程序入门踩坑之旅 github精选:微信小程序入门简要教程 ...

  • 微信小程序创建项目 我们需要通过开发者工具,来完成微信小程序创建和代码编辑。 开发者工具安装完成后,打开并使用微信...

  • 小程序1——开启小程序之旅

    目录:1、用新的邮箱创建微信小程序公众平台2、在微信小程序公众平台,创建微信小程序,并获取微信小程序APPID3、...

  • 微信小程序组件化开发框架WePY官方文档

    微信小程序组件化开发框架WePY官方文档 快速入门指南 WePY项目的创建与使用 WePY的安装或更新都通过npm...

  • 微信小程序项目创建

    登录微信公众平台,点击小程序,可以注册个人,点击前往注册完成注册。注册成功后可以到达微信小程序管理界面, 目录结构...

  • 微信小程序 创建项目

    本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果。表示这里真心想吐槽,说什么主体类型...

  • 『技术分享』—— 我的第一个 RN 项目-趣闻

    前言 之前利用自己的业余时间入门了微信小程序,并写了一个入门项目 我的第一个微信小程序-趣闻 ,整体效果和之前写的...

  • 小程序进阶(1)豆瓣电影_布局搭建

    -(Ctrl+s)保存编辑的内容,不然调试不会出效果!!! 小程序入门(0)项目创建篇 小程序入门(1)项目结构篇...

网友评论

    本文标题:入门微信小程序--创建项目

    本文链接:https://www.haomeiwen.com/subject/ekximftx.html