如何使用Sublime Text3开发微信小程序

1、首先要下载微信官方的微信Web开发者工具。打开微信公众平台，找到右下方的小程序模块，点击「开发」按钮

2、点击顶部导航栏的「工具」按钮，在新页面的左侧栏中找到「下载」。可以看到，开发工具提供 Windows 32 位、Windows 64 位和 Mac 三个版本。可根据实际情况，选择适合自己电脑的开发工具。

3、安装后，就可以直接启动开发者工具。如果是首次启动开发者工具，需要使用开发者的微信号扫码登录。登陆后，点击「添加项目」按钮，填写 AppID(如果没有，则点击无 AppID)和项目名称。接着，在项目目录中点击「选择」，新建一个文件夹作为新的项目目录。然后再次点击「添加项目」，就可以新建出一个微信小程序项目了。

4、微信开发者工具共分成「编辑」、「调试」和「项目」三个部分。

编辑：编辑和修改小程序的代码。

调试：显示小程序代码错误和警告，便于调试代码错误。

项目：用于查看小程序的属性、修改小程序配置，以及提交小程序代码至微信服务器。

开发工具还提供简单的模拟器(页面左侧)，开发者可以使用模拟器在电脑上模拟用户点击及使用，提供后台情况模拟、多媒体播放器调试、缓存数据处理等功能。

5、懂技术的程序员到这一步就可以自己开发了。而不懂编程的小白，可以登录微信小程序制作平台「即速应用」官方网站进行小程序的制作。里面有大量的小程序模板，根据自己的需求选择一个模板进行制作即可。

6、制作完成后，点击「生成」按钮。然后选择「小程序打包」，下载小程序的标准代码包。

7、回到在微信Web开发工具中，在「项目目录」这一栏选择下载好的代码包，打开后就可以看到小程序的预览效果了。

8、在「项目」页面中，开发者可以查看小程序的基本属性，也可以进行真机预览调试，或向微信服务器提交一个新版本的小程序代码。服务器收到代码后，管理员就可以通过公众平台，将新版本提交审核了。

以上就是微信小程序开发工具的具体使用方法。磨刀不误砍材工，只有认真了解过微信小程序开发工具如何使用，才能才微信小程序推出的关键时期抓住机会，尽快进入市场，拿下小程序的第一波红利。

打开Sublime Text3 ，点击菜单栏的“Preferences”-->"Package Control",或者可以使用快捷键CTRL+SHIFT+P 打开 2 在打开的终端窗口，输入“install”,下方就会提示“Package Control:install package”,用鼠标点击 3 这时候等待几秒，就会d出一个终端，在终端输入你想要安装的插件，这里我以“AlignMent”插件为例，点击下方，就会自动会为你安装插件了。 4 重启Sublime Text3就会看到我们刚才安装的AlignMent插件了 END 直接安装 1 如果不想通过Package Control，也可以直接下载好想要的插件，然后打开菜单栏里的“Preferences”--->"Browse Packages"，打开包的位置 2 然后将下载的好插件直接放置到Packages目录，重启Sublime Text3 插件就会安装成功了。

mac OS下 sublime text3的配置方法如下：

1. 安装扩展包

Package Control：包管理器，安装插件前必装的（搜索安装方法）

2. 其他插件

AdvancedNewFile：根据内容自动命名

Alignment：这插件用于对齐代码赋值语句

All Autocomplete：自动补全

AutoFileName：根据内容自动命名

Case Conversion：大小写自动转换

Code Alignment：对齐

ConvertToUTF8：ST2只支持utf8编码，该插件可以显示与编辑 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的文件

CTags：简单的说可以在代码里直接查看函数定义的地方, 比如看一个函数的定义或者类的定义.

DetectSyntax：自动检测写文件内容, 切换到对应的正确的语言, 如 Gemfile =>ruby.

Display Functions (Java)：Java的提示

EclipseJavaFormatter：按照Eclipse中对Java的格式化方法格式代吗

FileDiffs：查看文件的不同

HTML5：格式化Html5

Markdown Preview：预览markdown文件

SideBarEnhancements：默认 Sublime Text 2 新建文件的时候需要保存才能选择存放位置, 而装了这个插件就可以先建文件在编辑内容了, 当然这个插件还有一对其他功能. 比如: 在 Finder 中打开当前文件之类的功能.

SublimeClang：C提示

SublimeCodeIntel：代码自动提示

SublimeJava：Java提示

SublimeLinter：一个支持lint语法的插件，可以高亮linter认为有错误的代码行，也支持高亮一些特别的注释

Theme – Nexus：主题

Theme – Soda：主题

3. SublimeTmpl介绍

sublimeTmpl安装：安装好package control之后，Sublime Text ->Preferences ->Package Control

选择或者输入Install Package ->输入SublimeTmpl 安装

（其他插件也如上述一样在Package Control中安装）

SublimeTmpl中默认安装几个，如果需要扩展，以Perl为例：

1）查看: Packages Settings / SublimeTmpl / Settings - Default 的默认语法设置.如果要新增语法, 请选择: SublimeTmpl / Settings - User, 内容格式参考Settings - Default的内容。（由于语法中已经存在Perl，所以不需要新增语法）

2）新增开始菜单: 可以在SublimeTmpl / Settings - Menu里, 参照其他语法增加Perl.

3）新增快捷键: 可以编辑:SublimeTmpl / Key Bindings User( 格式参考: SublimeTmpl / Key Bindings Default)

4）找到SublimeText3安装文件夹下的Package文件夹－>SunlimeTmpl－>templates －>新建Perl.tmpl文件，文件里内容为下：

#!/usr/bin/env perl -w

#@authors ${author}

#@date ${date}

#@version \$Id\$

${1:use strict}

${2:use warnings}

${3:use Data::Dumper}

${4:use Encode}

5）在SublimeTmpl / Default.sublime-commands中加入Perl的部分

经过以上步骤，在NewFiles(SublimeTmpl)中就可以新建perl文件了

---