微信小程序没找到构建npm或者没找到node_modules目录解决方法如下: 按照微信小程序提供的文档npm install是不行的,直接提示没找到可构建的npm包. 1.直接安装:npm init就可以啦 2.接着npm install你的引入包命令(比如npm i vant-weapp -S --production),然后点击微信开发工具中的工具栏目下的构建npm,就会出现 例子:比如引入vant weapp: 直接 npm i vant-weapp -S --production 可以

当时的情景是这样的: 使用mpvue写微信小程序,写着写着项目写到一半了,突然间不想这样继续写了,想切换回原生小程序语法去写剩余部分. 如下图,红色框里的功能是已经用mpvue完成的功能,绿色框部分的功能是需要原生小程序去完成 由于项目是先使用mpvue开始的,我们需要在mpvue项目下新建一个文件目录用来开始原生部分的工作,目录结构如下 nativeWX目录如下 当我们把原生部分功能写完之后,接下来就是合并整合代码,让他们能够在完整的跑起来的时候了 1.把原生项目下的索引文件夹(pages.u

当写小程序需要引入一些额外的js文件时,可以这样: 一.先把外部js用一个函数封闭起来: test.js function myfunc() { console.log("myfunc...."); } // 在这个函数的最下面暴露接口 module.exports.myfunc = myfunc; 二.引用 在需要引用此函数的文件里,如Index.js: const util = require("../../utils/test.js") // 这是引入文件 P

参考链接 全局安装gulp,方便以后直接执行gulp命令 npm install gulp -g 用原生小程序新建一个项目 在小程序根目录(app.js同级目录)中新建package.json文件 npm init -y 安装gulp和相关插件 npm install gulp -s 安装依赖 npm install gulp-changed gulp-rename gulp-sass gulp-watch 在根目录创建gulpfile.js文件,代码如下: var gulp = require

如果大家是按照官网的引入方法,是否报错如图 不着急,大家就试试我的方法吧!两步走完美搞定! 第一步: 在小程序顶部点击设置->项目设置,会弹出下面的窗口.大家把使用npm模块勾上对勾. 第二步: 在小程序的项目根目录下面进行npm init的初始化后进行安装vant 1.npm init 2.npm install --production vant-weapp 总结:以上是我本人的解决办法,如果大家谁还遇到了其他问题也可以评论,我们共同解决,欢迎评论!

小程序的代码包不能超过4M,为了压缩代码包的大小,可以通过第三方链接引入图标资源 Iconfont 无疑是最常用的第三方图标库,这里介绍一下在微信小程序引入 Iconfont 的方法 一.下载图标 首先挑选图标,添加入库 然后添加至项目 然后在“我的项目”中,将资源文件下载到本地 建议设置为 font class 二.在项目中引入资源 在小程序项目中建一个 iconfont.wxss 在下载的资源文件中有一个 iconfont.css,复制文件中所有代码,粘贴到 iconfont.wxss 中

这里给大家讲解小程序中如何引入vant组件(我这里是采用小程序的云开发模板) 1.首先在项目的miniprogram文件夹右键在终端中打开,输入命令npm init初始化生成一个package.json的文件(不想私人定制,一键enter即可生成该文件) 2.进入到有赞vant weapp官网看安装文档,地址:https://youzan.github.io/vant-weapp/#/quickstart 3.使用命令npm i vant-weapp -S --production快速安装van

每天学习一点点 编程PDF电子书.视频教程免费下载:http://www.shitanlife.com/code 微信小程序不能识别很多文件, 其中就包括外部的字体文件. 那我们怎么突破他的防火线呢, 这里主要用得就是在线的字体库. 它的使用不像之前引用阿里巴巴字体库那样简单. 步骤如下: 1.在 阿里巴巴字体库 选购喜欢的字体并下载压缩文件, 详细方法这里不赘述, 不懂的请看 阿里巴巴字体库使用方法 2.Copy iconfont.css文件的内容, 可以选择放在全局的 app.wxss 或者

iBrand 社交电商产品正式进入开源过程中了,我们制定了详细的开源计划,目前已经发布了 V1 的版本,后续的版本也在陆续整理完善中. 各个版本功能明细如下图: 3 个版本计划在今年春节前全部完成,可以应用实际的电商项目中,同时也会配套相关 API文档,业务需求文档,技术文档等. 开源目的 提升 iBrand 知名度,iBrand 团队成立至今主要靠朋友支持前行.18 年希望能够有更多朋友了解到 iBrand . 来源社区,回馈社区.iBrand 产品能够在短时间内快速完成开发.上线并且稳定运营

App.json它其实有四五个配置,但是最重要的是pages.windows和tabbar.tabbar是做导航的处理的. 官方推荐的入门配置之一: app.json 它其实有一些字段是限制了这个格式和限制了字段的.pages目录其实就是页面,小程序到底有几个页面. https://developers.weixin.qq.com/miniprogram/dev/framework/config.html app.json { "pages":[ "pages/index/i

获取用户的信息有两种,一种是不需要登录的,我们只需要获取用户的头像,还有微信的名.还有一种是登录的,就是登录后台校验的,就是获取用户的openid. webview,可以内嵌一个网页,类似于原生的开发,可以直接打开一个网页.

fontawesome官网地址:http://fontawesome.dashgame.com/ 一. 二. 下载之后的字体图标 找到 文件中的如下图.ttf文件 三. 在https://transfonter.org/网站中转换成css文件 之后,文件上传之后,将下面几个选项勾选上 之后点击下面的按钮 然后点击下载: 之后解压到一个文件 四. 将上图得到的css样式赋复制到一个xxx.wxss中 五. 将 一 中下载的字体图标文件中font-awesome.css文件中,除了@fact-fac

初次在微信开发者工具构建npm 没有找到 node_modules 目录的解决办法 第一步:设置-->项目设置-->使用npm模块 第二步:右键目录下miniprogram-->终端打开-->输入npm init-->在packagename下输入:sm-crypto-->一直回车-->输入:yes 第三步:输入npm i miniprogram-sm-crypto --production 第四步:工具-->构建npm-->完成构建 https://

一.引入iconfont 首先在iconfont.com中注册登陆: 点击上方[图标管理]并进入我的项目 注意:如果没有项目的话,就点击右边的来创建项目 在官网中找到想要的图标之后,以SVG的形式下载下来,然后在iconfont[我的项目]中上传刚下载下来的图标 上传的时候记得对图标命名为[英文的] 这样就创立了自己项目要用到的图标了 那如何在微信开发者工具中使用呢? 新创一个iconfont文件 再回到iconfont中[我的项目] 可以直接复制这个链接,在网页中打开这个链接会发现,是一个在线

注释:本人喜欢 font class,  你们可以依葫芦画瓢unicode和 symbol,,下面是 font class   演示: 1.选择好图标,然后: font class 2.步骤二: 复制代码,存入你自己新建的 wxss文件        =>>>  3.步骤三:  引入 iconfont 4.步骤四   wxml中引用 class="iconfont XXX" <view class='btn'> <button class='icon

第一步:设置-->项目设置-->使用npm模块 第二步:右键目录下miniprogram-->终端打开-->输入npm init-->在packagename下输入:sm-crypto-->一直回车-->输入:yes 第三步:输入npm i miniprogram-sm-crypto --production 第四步:工具-->构建npm-->完成构建

1.WXML页面 <view> <!--<section class="mask" catchtap="canclePwd" wx:if="{{inputPwd}}"></section>--> <section class="pwd-modal" catchtap="getFocus" > <!-- <p class="cl

事情是这样的,我们有一个原生(wxml,wxss,js,json)写的小程序,要加入一个新的模块,并且时间比较紧张.所以我们选择了采用mpvue开发一个分包(subpackage),加入到原生小程序中,并确保被正确加载.下面说一下踩到的坑. 目录结构 首先说一下目录结构,上一张图: 上面的目录结构中,将mpvue项目目录跟原生小程序目录在同一个项目根目录下,然后通过修改webpack配置文件将build文件目录修改到原生小程序目录下面.然后再通过小程序的app,json的配置,将mpvue bu

项目背景: 公司为了实现小程序与H5页面共同覆盖,全面推广.特此想将已有的小程序进行快速改造上线(二周内),研发出H5版本.目前公司前端技术较为薄弱,现有的技术解决方案还停留在JSP. 问题: 如何将目前已经上线运行的原生小程序(40多个页面)快速转化为原生H5页面,实现快速上线,是采用我们较为熟悉的JSP还是引用目前最热门的前后端分离VUE框架呢??? 想法: 1)采用熟练的JSP框架,每人一天可以改造2个页面左右,计划投入2人,风险最小: 2)采用主流分布式Vue框架,时间未知,风险未知: