如何开发小程序

方法一：编程入门自学

如果你对编程感兴趣，那么就可以自己学习技术知识，然后参考微信官方文档，写代码开发。

具体方法是先下载安装微信官方开发者工具，然后新建小程序项目，选择代码存放的硬盘路径，填入自己的小程序的AppID（没有的话你要先到微信公众平台注册一个小程序账号）。勾选“创建 QuickStart 项目”，就可以开发自己的小程序了。

但是，这种方法比较难，还是适合有点技术基础的人，普通小白就不建议尝试了。

方法二：用小程序模板

这是当前很流行的小程序制作方法，适合不懂技术的小白，以及没有太多资金和时间的普通中小企业。这种方法方式非常简单，我以微信开发商城为例，教你具体该怎么制作。

首先需要找个简单的小程序制作工具，选择一个电商小程序模板：

在后台“小程序设计”栏，可以设置小程序主题色、导航；在“页面设计”你可以添加各种版块（轮播图、拼接图、快捷按钮、视频、标题、商品列表等）。

一个小程序的主页就是由各种不同版块组成的。在“商店”栏你可以添加商品，设置商品分类；在“应用中心”你可以添加直播功能、流量主（广告位）、文章模块等。

方法三：程序开发外包

当你自己不懂技术，又想拥有属于自己的小程序时，就可以找程序开发外包企业，向他们提交需求，让这个外包团队给你做出一个合适的小程序。不过这种方法耗时较长，一般得几个星期；费用也高，几万到十几万都属正常，因此比较适合资金充裕的大型企业。

先下载安装微信官方开发者工具，然后新建取图小程序项目，选择代码存放的硬盘路径，填入自己的取图小程序的 AppID（没有的话你要先到微信公众平台注册一个小程序账号，在“设置”里查看你的小程序的 AppID）。勾选“创建 QuickStart 取图项目”，就可以开发自己的取图小程序了。

微信小程序的开发和Web前端开发接近，使用的语言基本是HTML5 + CSS + JavaScript。

https://vant-contrib.gitee.io/vant-weapp/#/quickstart#bu-zou-yi-tong-guo-npm-an-zhuang

vant 小程序组件库

第一步 先npm init 回车 初始化新建package.json文件包

如果微信开发者工具无法输入命令 打开cmd面板 cd d:/ 进入目录 cd users 知道进入小程序项目目录输入命令

第二步 ## 安装

将 app.json 中的 "style": "v2" 去除，小程序的 新版基础组件 强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。

开发者工具创建的项目， miniprogramRoot 默认为 miniprogram ， package.json 在其外部，npm 构建无法正常工作。

需要手动在 project.config.json 内添加如下配置，使开发者工具可以正确索引到 npm 依赖的位置。

注意： 由于目前新版开发者工具创建的小程序目录文件结构问题，npm构建的文件目录为miniprogram_npm，并且开发工具会默认在当前目录下创建miniprogram_npm的文件名，所以新版本的miniprogramNpmDistDir配置为'./'即可

打开微信开发者工具，点击 工具 ->构建 npm ，并勾选 使用 npm 模块 选项，构建完成后，即可引入组件。

如果你使用 typescript 开发小程序，还需要做如下 *** 作，以获得顺畅的开发体验。

请将 path/to/node_modules/@vant/weapp 修改为项目的 node_modules 中 @vant/weapp 所在的目录。

使用时：

https://vant-contrib.gitee.io/vant-weapp/#/quickstart#yin-ru-zu-jian

vant小程序使用说明文档

在 app.json 或 index.json 中引入组件，详细介绍见 快速上手 。

"usingComponents": {

"van-button": "@vant/weapp/button/index"

}

---