近期小程序火的不得了，为什么火呢？原因如下：

1.不用安装，即开即用，用完就走。省流量，省安装时间，不占用桌面 

    2.体验上虽然没法完全媲美原生APP，但综合考虑还是更优 

    3.对于小程序拥有者来说，开发成本低，他们可以有更多财力，人力，精力放在产品本身 

    4.对于用户来说，相较于各种APP，微信小程序UI和操作流程会更统一



新建小程序步骤如下：

1.安装node.js，因为咱们要基于npm新建项目及安装小程序组件 

2.npm install -g vue-cli：全局安装vue-cli 

3.vue init mpvue/mpvue-quickstart 项目名称 ：创建一个基于mpvue-quickstart模版的新项目 

 

4.cd 项目名称：进入项目文件夹 

5.npm install -d:安装依赖 

 

6.npm run dev：启动项目 





在微信开发者工具中打开改项目

1.首先需要下载安装微信开发者工具 

2.打开微信开发者工具可以看到如下界面 



注： 

    1.项目目录要选择刚刚新建项目的dist文件夹 

    2.AppId：登录小程序，设置–>开发者设置中可看到 

    3.项目名称自行 填写

上述步骤如下图 

 

点击确定进入开发页面，如图所示 



这样，一个小程序项目就建好了。

新建小程序项目
点击小程序项目
管理项目---> 新建小程序
项目目录, AppID, 项目名称
可以无APPID ,有些功能无法实现,绝大多数API无法使用
用邮箱登录后台管理系统
建立普通快速启动模版(开发的不是插件的话,就直接选择默认即可)


转载于:https://juejin.im/post/5cc43a055188252d9053d128

AppID获取及新建小程序项目原生框架目录结构介绍
AppID获取
小程序软件安装及新建项目
原生框架介绍

AppID获取

进入微信公众平台，点击小程序的查看详情进入



2. 鼠标滚轮滑到页面最下方，点击前往注册

3.填写注册信息

注意邮箱尽量使用QQ邮箱，注册后，会需要通过邮箱链接激活。

4. 通过邮箱、密码在微信公众平台登录

登录后界面如下图所示，点击开发设置。



小程序软件安装及新建项目
1.进入微信公共平台官网，点击小程序

2.点击开发者工具

3.点击下载

4.根据电脑系统、位数选择下载

5.双击下载的.exe文件傻瓜式安装，安装完成后会在电脑桌面有个微信开发者工具快捷图标。



6.双击快捷图标打开软件，初次进入软件时使用微信扫一扫登录微信号。

7.左侧选择小程序，右侧点击加号新建项目。



软件主界面如下图。


原生框架介绍

微信小程序坑点杂谈（九）三分钟解决自己新建小程序几个常出现的报错
一、写在开头
本人只是一枚小小的新手开发者，所提的问题和解答很难超过个人水平，如果对你有帮助，那就太好了！

二、发现问题

最近新建小程序想练练手的时候发现建的过程中很容易出现几个奇奇怪怪的错误，所以这里统一说一下。
三、解决问题

问题1：未找到入口 app.json 文件，或者文件读取失败，请检查后重新编译。

原因1：这个出现频率超高，主要是缺少全局的app.json文件

解答1：很简单，在最外层创建app.json同时需要在里面写上{}即可。注意，这里有种特殊情况，如果依然报错那建议还是重新新建一个小程序重新来过，个人感觉有可能是小程序bug也有可能是其它配置文件的地址问题。

问题2：undefined

Expecting ‘STRING’,‘NUMBER’,‘NULL’,‘TRUE’,‘FALSE’,’{’,’[’, got EOF

1 |

原因2：app.json缺少{}

解答2：很容易，在全局的app.json文件中添加{}即可相当于初始化。

问题3：appJSON[“pages”] 字段需为 array

原因3：新建了文件夹但是里面没有内容

解答3：也不难，在提示报错的文件夹下新建一些东西即可，可以右键选择新建page自动创建一系列wxml、wxss什么的·。
好了，大概就是这样了，谢谢大家~