vue微信小程序开发步骤（一）

下载微信开发者工具：地址
安装完成后并登录
新建项目

1）当符合以下条件时，可以在本地创建一个小程序项目
2）需要一个小程序的 AppID；如没有 AppID，可以选择申请使用测试号(登录页面：https://mp.weixin.qq.com/
登陆成功后进入“小程序”-“开发管理”-“开发设置”)。登录的微信号需要是该 AppID 的开发者；
3）需要选择一个空目录，或者选择的非空目录下存在 app.json 或者
4）project.config.json。当选择空目录时，可以选择是否在该目录下生成一个简单的项目。

建成功后就会出现这样的页面啦

以上四步执行完就可以构建一个微信小程序开发环境了，以下内容是扩展，可以不执行

在小程序中使用第三方ui
1）在小程序的根目录下执行命令：
npm init
npm install --production
npm i vant-weapp -S --production
2）在微信开发者工具中构建npm

3）构建成功后就会出现这个目录“miniprogram_npm”

4）修改 app.json
将 app.json 中的 “style”: “v2” 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。之后时候时直接在.json文件中引入就可以了。
5）修改 project.config.json
开发者工具创建的项目，miniprogramRoot 默认为 miniprogram，package.json 在其外部，npm 构建无法正常工作。

需要手动在 project.config.json 内添加如下配置，使开发者工具可以正确索引到 npm 依赖的位置。

{..."setting": {..."packNpmManually": true,"packNpmRelationList": [{"packageJsonPath": "./package.json","miniprogramNpmDistDir": "./miniprogram/"}]}
}

6）引入组件

{"usingComponents": {"van-button": "vant-weapp/button"}
}

7）在“详情”中勾选“使用npm模块”

vue微信小程序开发步骤（一）相关推荐

vue微信小程序开发(二)---页面以及导航
vue微信小程序开发(二)-菜单以及页面这里写目录标题 vue微信小程序开发(二)---菜单以及页面图标的选择创建并注册页面底部导航大家好,我是代码哈士奇,是一名软件学院网络工程的学生, ...
微信小程序开发步骤+底部菜单栏制作
微信小程序开发环境准备第一,需要准备一个微信开发者账号. 如果还没有开发者账号,需要到微信开公众平台申请一个账号.网址:微信公众平台注册一个小程序的开发者账号填写未被微信公众号注册过的邮箱. ...
springboot+Vue+微信小程序开发微信做菜系统
摘要: 当代人虽然越来越注重养生,却盲目的补进不适合自己的药膳或汤,反而影响了健康,经常自己误判食错药膳等,"药膳典"小程序是针对这一现象来根据用户的身体信息,个人喜好,为用户量身 ...
微信小程序开发步骤讲解和实用小技巧
我把自己做小程序的过程稍作总结,还有一些实用技巧分享给大家.对初学者应该有用. 文中提到的登录微信公众号后的功能,都是下图中的其中一个: 文中提到的所有例子都在智能对话查询小程序里有使用, 代码的解析 ...
小程序开发用什么编程语言_微信小程序开发教程是什么？费用多少？
微信小程序如今已经非常常见,渗透到了我们日常生活的方方面面,包括生活服务.出行.点餐.电商购物.企业展示--商家可以开发适合自己行业的小程序,以吸引线上用户,同时提高自身服务运营效率.不过这些不同种类 ...
零基础入门，花生壳骨灰级微信小程序开发教程
微信小程序早已成为企业运营必不可少的一部分,对于小程序的开发需求也只增不减,而一个小程序在使用过程中是否流畅,也关系者用户体验度. 微信小程序的优势和特点: 一.不占内存现在很多人都会遇到手机内存不 ...
问卷调查系统【投票系统】实战-springboot+vue+微信小程序
源码地址 1.技术要点 html.css3.js.vue基础 spring.springboot 2.适合人群有html.css3.js.vue.spring boot基础,想学习 spring b ...
微信小程序开发系列 (二) ：微信小程序的单步调试和控制器实现步骤概述
笔者由于工作需要,曾经参加过一个微信小程序同 SAP 系统集成的项目,因此从零开始学习了微信小程序的开发知识.这里通过系列文章把自己所学分享出来,希望对相关学习者有所帮助. 本系列的前一篇文章:微信小 ...
微信小程序开发：集成腾讯地图的步骤
在微信小程序开发的时候,会避免不了的使用腾讯送的大礼包,从微信支付到腾讯地图,一条龙的服务,不得不说鹅厂的实力,但是话又说回来了,鹅厂的官方API真是不敢恭维,尤其是微信小程序开发文档,如果不熟悉的话 ...

vue微信小程序开发步骤（一）

vue微信小程序开发步骤（一）相关推荐

最新文章

热门文章