一、VueCLI的使用和单文件组件1. VueCLI的使用1.1 前期环境
安装 node，会附带 npm。1.2 安装Vue脚手架工具 @vue/clinpm install -g @vue/cli
# OR 指定版本
npm install -g @vue/cli@4.5.91.3 创建一个 vue 项目
运行以下命令来创建一个新项目：vue create hello-w
转载
2024-03-01 13:49:49
55阅读
一、需求说明通过vue绑定微信登录，首次进入获取code，通过code获取openId查用户，然后进行登录，第二次进入若绑定过微信，直接登录进入主界面，若没绑定过微信，则跳转到登录页面。二、准备工作（1）开通微信公众号的相关功能 测试账号会有appID和appsecret,记住这两个，后续会用到填写js接口安全域名，这里填的就是你的服务器接口访问地址这里先填自己本机的地址，记住不要加http等协议
转载
2024-01-17 09:18:40
111阅读
昨天（2018.3.13），微信小程序发布了重大功能更新，支持插件的使用和开发，个人预计，不超过2个月，优质服务的插件将会如雨后春笋般涌现。这篇文章，我将会带大家，从0开始，学习如何开发和使用插件。文章分为3个章节：1、什么是微信小程序插件2、如何开发微信小程序插件3、如何使用第三方微信小程序插件备注：为了节省文字内容，我会将“微信小程序插件”简称为“插件”。什么是微信小程序插件？插件一组由js和
转载
2024-01-16 13:55:25
97阅读
搭建环境前言开发工具小程序中的版本控制微信小程序 与 npm 前言好久没发过博客了，今天心血来潮，想写一系列关于小程序的博客，具体能写多少篇，看心情了吧。以下进入正题。开发工具开发工具我这里选用的是微信的官方软件：微信开发工具 以下提供各操作系统稳定版本的下载地址，如要体验最新版也可以去官网下载。Windows 64(稳定版)点击下载Windows 32(稳定版)点击下载macOS(稳定版)点击
转载
2024-04-02 19:43:56
55阅读
# 微信开发工具插件扩展指南
微信开发工具插件扩展是为微信小程序提供额外功能的一种方式。当你想要增强你的微信小程序的功能，或者提高开发效率，各式各样的插件可以大大简化你的工作。本文将详细介绍如何实现微信开发工具插件扩展，包括必要的步骤和代码示例。
## 流程概览
在实现微信开发工具插件扩展的过程中，首先需要了解整体的流程。为了方便理解，下面是步骤表：
| 步骤 | 描述 |
| ----
微信小程序诞生至今，渗透到用户生活的方方面面，包括餐厅点餐，网上购物，乘车出行，挂号就医……做为开发者，你是否有这样的烦恼？——“当 Web 项目完成之后，产品经理也想搭一套一样的在小程序端。”这时的你，是不是有种“透心凉”的感觉？再搭一套同样的项目，肯定会有成本。比如同时维护两套类似的代码，这对于开发者来说是相当头疼的一件事情！针对上述的问题，微信小程序推出了 Kbone 来解决微信小程序
转载
2024-09-10 06:44:03
38阅读
微信小程序开发（二）认识开发工具腾讯微信团队提供非常优秀的微信小程序开发工具，大大降低了开发者的入门门槛，为他们点赞！上一篇文章已经说明了，如何注册及下载开发工具，现在我们就来一起认识见识一下开发工具的庐山真面目。首次打开这个开发工具，会让我们进行扫码登录，是否有一种浓浓的微信的味道！这时，我们需要用以后管理此小程序的微信来进行扫码，成为此小程序的管理员。大家以后在开发小程序的时候，要习惯扫码，其
1.注册小程序开发帐号
官网，点击右上角的“立即注册”选择账号类型填写账号信息提示邮箱激活点击链接激活账号选择主题类型主题信息登记，个人不支持认证、支付等高级接口操作获取小程序的 AppID（主页开发-开发设置）2.安装开发者工具（开发工具，原生开发必备）开发者工具下载点击下载文件，一直下一步扫码登录开发者工具找到界面设置-代理（勾选不使用任何代理，勾选后直接连网）3.开发者工具介
转载
2024-03-02 08:39:04
28阅读
# 微信开发工具调试 Vue 应用详解
随着微信小程序的快速发展，越来越多的开发者开始关注如何在微信小程序中使用现代前端框架，例如 Vue.js。本篇文章将详细介绍如何在微信开发工具中调试 Vue 应用，同时提供一些代码示例、状态图和甘特图，以帮助你更好地理解这一过程。
## 1. 环境准备
在开始之前，你需要安装以下工具：
- **微信开发者工具**：用于开发和调试微信小程序。
- **V
# 微信开发工具中的 Vue 插件使用指南
在现代前端开发中，Vue.js 是一个备受欢迎的 JavaScript 框架，广泛用于构建用户界面。对于微信小程序开发者来说，使用微信开发工具搭配 Vue.js 插件可以极大地简化开发流程。本文将详细介绍如何在微信开发工具中使用 Vue 插件，并给出相应的代码示例。
## 1. 引入 Vue 插件
首先，我们需要在微信开发工具中创建一个新的小程序项
原创
2024-10-13 04:15:19
340阅读
原网站链接：http://www.orzzone.com/vuejs-project-debug.html上图蛮有意思。VueJS用了很久了，大部分时候看下报错信息，结合Vue.js devtools查看下各个组件的数据其实就可以了，但是有时候还是有必要使用debugger的。话分两头，本文主要讲两个东西：Vue.js devtools开发工具的使用；使用debugger和sourcemap调试V
vscodeVSCode是微软出的一款轻量级代码编辑器，免费而且功能强大，对JavaScript和NodeJS的支持非常好，自带很多功能，例如代码格式化，代码智能提示补全、Emmet插件等。VSCode推荐一个项目以文件夹的方式打开。vscode安装进入vscode官网（https://code.visualstudio.com/Download） 双击下载的安装包，进入安装向导界面；点
转载
2023-10-16 06:35:13
106阅读
# 微信开发工具运行Vue
随着移动互联网的快速发展，微信小程序已经成为人们生活中不可或缺的一部分。而开发微信小程序时，Vue.js是一个非常流行的选择。那么，如何在微信开发工具中运行Vue项目呢？接下来，让我们一起来了解一下吧。
## 准备工作
在开始之前，我们需要确保已经安装了Node.js和Vue CLI。如果没有安装，可以按照以下步骤进行安装：
1. 安装Node.js：在[官方网
原创
2024-03-20 05:42:23
112阅读
大前端开发如火如荼（Angular，AngularJS, React，Vue），由于Vue相对比较好入门，且由华人开源项目，所以这正是我选择它的理由。我的开发环境是Windows 10， Visual Studio Code。首先安装Nodejs 8.x，自带了npm包管理工具，如果不确定自己是否安装，可以在命令行输入node -v显示nodejs版本号npm -v显示包管理工具的版本，如图：np
闲来无事，抽个疯来写写博客 。 宝剑尚未配好，出门已是江湖。对于撸VUE 我是认真的~ 从啥也不懂到项目完成，也是花了不少时间啦。 说说我用到的技术栈吧* vue-cli 官方脚手架模板。
* vue-router 前端路由 （采取的是hash模式）。
* vuex 状态管理工具。
转载
2024-07-30 13:57:48
54阅读
首先做微信网页都要接入微信sdk；安装sdknpm install weixin-js-sdk --save具体可以查看微信公众平台技术文档：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115引入sdkvue是单页面项目，比如你想要接入微信分享功能，分享功能在每个路由地址都要有，因为每个路由的url是不一样的，
转载
2023-08-27 19:14:07
135阅读
参考来源：微信web开发者工具工具下载地址：Windows 64位版本：下载地址MD5: e74dd9499379ad93c68a952133eb7116Windows 32位版本：下载地址MD5: b69a7d94a045430a1d8216950cb27199Mac版本：下载地址MD5: 4024846d39293b492cec0d83edd97b73注：支持 win7 及以上版本，支持OS
转载
2023-09-12 21:57:05
233阅读
微信小程序于2017年1月9日正式上线后，受到了广大用户的关注，其较低的开发成本和微信庞大的用户量，为许多企业和个人提供了商机。为了帮助开发人员简单地新建项目，高效地开发微信小程序，微信团队提供了一套微信开发者工具。1.1 下载安装在微信官方文档.小程序(https://developers.weixin.qq.com/miniprogram/dev/framework)中，找到微信开发
转载
2024-01-23 17:19:48
179阅读
今天在开发一个小功能，copy了之前写的代码，但是在实现功能时，出现了如下问题：先在这简单总结一下解决方案：在调用方法时，在" "中前后多加了空格；在 js 中没有定义该方法；在 js 中方法定义的位置可能不对，比如放在了 data 中；组件化开发中使用 methods 把方法包起来；取消勾选 “将 JS 编译成 ES5”；勾选“启用代码自动热重载” 选项；修改 “调试基础库” 版本；如果我们对自
转载
2024-02-04 00:16:00
158阅读
四大微信小程序开发工具测评结果出炉！微信小程序开放公测后，很多人已经迫不及待地开始注册账号了。但是在技术开发的问题上，却不知道该如何下手。经过一些程序员不辞辛苦连夜测试，终于从十余款工具呕心沥血筛选出四款最靠谱最实用的微信小程序开发工具。接下来一起来看看测评吧。一、微信小程序官方开发工具注意，它只是个工具，而不是一个IDE。官方工具中的代码编辑功能，就是将vscode的代码编辑功能嵌入到工具中，不
转载
2023-09-22 22:25:06
194阅读
