微信开发工具使用npm 比其他编辑器要多配置几步,接下来直接上代码
一,你必须保证你的根目录是没有node_modules,miniprogram_npm,package-lock.json,package.json的文件夹的,有的话先删了,然后在终端输入npm init 然后一直回车到结束(这一步适合刚开始创项目的同学,要是已经开发一半的话建议先保存原始文件夹)
二,npm init之后会自动生成package文件和node文件,接下来就是npm install 你要安装的包,然后就是在微信开发工具的详情里找到本地设置,开启npm模块
三,鼠标移到开发工具左上方,选择工具里的构建npm
如果出现未找到miniprogram_npm 的错误,请移步project.config.json,在setting下增加这么一行代码就可以了
"packNpmManually": false,
四,接下来就是组件引入了 一般在app.wxss 配置按需引入就可以 这里以vant示例
"usingComponents": {
"van-toast": "@vant/weapp/toast/index"
},