実行する最初の小さなデモプログラムでは、選択肢の開発ツールを使用する必要があります
ダウンロードしてインストールするための開発ツール
https://mp.weixin.qq.com/cgi-bin/wx開発ツールをクリックし、ダウンロードするための独自のシステムのバージョンを選択し、それをインストール
オープンインストール済み
インストール後にダウンロードしたファイルを開きます。
対応するインストールディレクトリを選択します
インストールを待ち
インストール済み
インストール後にファイルを開きます。
開発ツール
QRコードをスキャン
アプレットを選択
インストールディレクトリを選択
>同様のEclipseプロジェクトのパス
4.開き、デフォルトのインターフェース
Web開発は、彼が正しかったようにそれは感じた、Google Chromeブラウザに精通しました。その後、ボタンの機能の詳細な説明で使用されている、実際には、それは非常に複雑ではありません。
プレビューをコンパイル
ツールでコンパイル]ボタンをクリックして、あなたはシミュレータ・インタフェース・ツールの左側にあるアプレットのパフォーマンスを見ることができます>、[プレビュー]ボタンをクリックすることができ、マイクロ文字を掃引することによって、あなたの携帯電話であなたの最初の小さなプログラムを体験することが押し流さ。
ディレクトリ構造（A）
https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/file.html#JSON-%E9%85%8D%E7%BD%AE
app.js
app.jsonはその上のすべてのページのパス、インタフェースのパフォーマンス、ネットワークのタイムアウト、タブの下部とを含む現在のグローバル設定アプレット、アプレットです。
app.json
実際には、コンフィギュレーションに関連するページ/ logsディレクトリのページで、このようなlogs.jsonおよびアプレットを表すために使用されます。あなたのスタイルならば、全体アプレットが青である、あなたはトップカラーの内側app.jsonに宣言することができますすることができ青いです。実際の状況はそうではないかもしれない、あなたは、各ページ内のアプレットがあり、開発者が独立して、単に、例えば、各ページの属性を定義することができるように、私たちはpage.jsonを提供し、異なる機能モジュールを区別するために別の色を持っていますトップの色はそうでプルダウンリフレッシュを許すとするかどうか、と述べました。
wxcss
WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些扩充和修改。新增了尺寸单位。在写 CSS 样式时，开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比，采用一些技巧来换算一些像素单位。WXSS 在底层支持新的尺寸单位 rpx ，开发者可以免去换算的烦恼，只要交给小程序底层来换算即可，由于换算采用的浮点数运算，所以运算结果会和预期结果有一点点偏差。
提供了全局的样式和局部样式。和前边 app.json, page.json 的概念相同，你可以写一个 app.wxss 作为全局样式，会作用于当前小程序的所有页面，局部页面样式 page.wxss 仅对当前页面生效。
此外 WXSS 仅支持部分 CSS 选择器。project.config.json
通常大家在使用一个工具的时候，都会针对各自喜好做一些个性化配置，例如界面颜色、编译配置等等，当你换了另外一台电脑重新安装工具的时候，你还要重新配置。
目录结构（二）
wxml 等基本等同咱们开发的html，wxss是等同css, 通过这三个文件基本的就可以构成咱们的页面了。基本页面的构成就需要这3个文件。
目录结构（三）
utils 常用公共js的抽象。
目录结构（四）
在page内定义的一个logs文件夹，以后开发的时候可能需要定义很多个名称的文件夹。
微信小程序的文件和普通web前端的区别
PS：这就是大致的工具介绍，后面循序渐进慢慢的搞透，搞熟悉。