微信小程序> 新建小程序项目步骤

新建小程序项目步骤

浏览量:491 时间: 来源:前端妹子一枚
近期小程序火的不得了,为什么火呢?原因如下:

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

上述步骤如下图
小程序
点击确定进入开发页面,如图所示
小程序

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

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎