新建小程序项目步骤

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/mhlghy/article/details/81215621
近期小程序火的不得了,为什么火呢?原因如下:

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

上述步骤如下图
这里写图片描述
点击确定进入开发页面,如图所示
这里写图片描述

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

猜你喜欢

转载自blog.csdn.net/mhlghy/article/details/81215621
今日推荐