初始微信小程序

此处介绍初次接触小程序的时候大概步骤，以及遇到的坑，希望对大家有帮助，少走弯路

首先注册小程序开发者，这个过程简单，大概1两分钟就可以
https://mp.weixin.qq.com/wxopen/waregister?action=step1
然后登录注册的账号
https://mp.weixin.qq.com/
获取开发者Id

下载微信开发工具（帮组开发过程查看页面样式，以及调测小程序）
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

如果已经存在了应用程序的，打开工具可直接导入应用目录，如果没有的， 可按照我下面的步骤生成一个简单的小程序应用（此处我用的mpvue框架，是基于Vue 开发小程序的前端框架，前端页面用的html5编写）
打开命令行工具

 1. 先检查下 Node.js 是否安装成功
    $ node -v
    v8.9.0
    $ npm -v
    5.6.0
2. 由于众所周知的原因，可以考虑切换源为 taobao 源
    $ npm set registry https://registry.npm.taobao.org/
3. 全局安装 vue-cli
    $ npm install --global vue-cli
4. 创建一个基于 mpvue-quickstart 模板的新项目(新手一路回车选择默认就可以了)
    $ vue init mpvue/mpvue-quickstart small
5. 安装依赖，走你
    $ cd my-project
    $ npm install
    $ npm run dev

将small目录导入微信开发者工具，即可查看小程序页面

用vsCode打开small项目，进行编码，此处我仿照墨刀上面的原型图写了个简单的页面

完成页面后，可在手机上预览

以上就是第一次接触小程序时我的步骤，包括（注册，登录，获取开发资格，调试，预览），基本可以进行平时的开发了

遇到的坑（或许你们也会遇见）：
1、mpvue 运行npm run dev 卡死：删除依赖包目录，以及dist目录，重新npm install,以及检查是否有vue文件，少写了部分
2、代码修改后，微信开发者工具无法刷新问题，代码中有错，mpvue运行出错，则使用的是上次运行后的代码
3、预览时出现代码包超过2048KB情况，查看项目图片，是否有超大的，如果有，需要进行压缩，如果实在图片比较多或者不能进行压缩，则利用第三方库，存储图片，项目中不存放图片，引用处使用连接，如果超过不是很多，很有可能是dist目录中存在缓存导致，删除dist目录，重新运行项目