下载安装开发工具:

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

获取测试小程序账号:

浏览器打开以下地址,微信扫码就可快速获得微信小程序测试号
https://developers.weixin.qq.com/sandbox
「 如果你已经有了正式注册的小程序账号,那就直接使用你正式的 appid 和 secret 就可以了,这一步可以略过 」

创建 HelloWorld 项目:

在开发工具上新建一个测试项目,如下图

创建 HelloWorld 项目 - 图1
创建 HelloWorld 项目
至此,你已经成功创建了一个名为 “HelloWorld” 的项目,该项目保存在电脑目录:/Users/gooking/WeChatProjects/helloworld
(每个人电脑上的路径不尽相同,创建项目时候可以自己制定保存的目录)

升级项目为 npm 项目

微信小程序已全面支持 npm ,如果要学会微信小程序开发,npm 安装第三方模块也是必修课
关于小程序对于 npm 详细介绍,请查看以下链接:
https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html

检查你的电脑有没有安装 npm 开发环境:

打开你的终端 (Windows 系统为那个 黑乎乎的 DOS 窗口, mac 系统大家都懂什么叫终端啦~ )
在终端输入命令:

npm -v

你将能看到你当前安装的 npm 的版本号,如果提示 npm 命令没找到,则说明你还没有安装 npm ,请按照以下章节安装 npm

安装 npm

前往官网 (https://nodejs.org/) 下载并安装适合你的版本
你也可以自行百度: “如何安装npm环境”
至此,我将认为你已经顺利安装 npm ~

初始化 npm 项目

打开你的终端 (上面已经解释过了什么叫终端,不懂的可以自行百度~)
进入你的小程序项目目录,(本文测试项目所在目录为例,执行以下命令:)

cd /Users/gooking/WeChatProjects/helloworld

然后执行初始化 npm 命令:

npm init

提示的信息你可以一路敲回车键 (最后一步按照提示,你应该输入 yes 然后再按回车键),最后会提示你初始化成功
到此为止,你的项目目录中会多出一个文件 “ package.json ”
如果你的操作和我一样,那么恭喜你,成功了!