新建小程序项目步骤

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

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.项目名称自行 填写

上述步骤如下图

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

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