微信小程序npm安装,保姆级图文教程,步骤齐全

这篇具有很好参考价值的文章主要介绍了微信小程序npm安装,保姆级图文教程,步骤齐全。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、 配置nodejs

  1. Download | Node.js   下载node.js

微信小程序npm,微信小程序基础注意,微信小程序,npm,小程序

  1. 点击.msi程序安装; 随便安装路径(尽量避免中文)只要安装的是电脑上就行,记住安装路径(这个环境变量是自动配置的)(.zip需要手动配置环境变量)
  2. .zip包,随便解压路径(尽量避免中文)只要安装的是电脑上就行,记住安装路径(这个环境变量是手动配置的)
  1. 配置环境变量
  1. 点击“此电脑”-->“属性”-->”高级系统设置”-->”环境变量”
  2. “系统变量”找到变量“Path”,没有的话新建,设置变量值为%NODE_HOME%
  3. 然后新建一个系统变量“NODE_HOME”,它的值为安装或解压node的路径(我这里是D:\nodejs)
  1. Win+R输入cmd,运行命令 node -v和npm -v,打印版本号是已安装好了,如下:

微信小程序npm,微信小程序基础注意,微信小程序,npm,小程序

二、微信小程序项目如何安装npm包(这里以使用Vant Weapp为例)

  1. 在资源管理器里找到自己小程序的根目录

微信小程序npm,微信小程序基础注意,微信小程序,npm,小程序

  1. 右击“在终端打开”

微信小程序npm,微信小程序基础注意,微信小程序,npm,小程序

  1. 执行命令 npm init

Ps:项目名字不能有中文,如果有中文的话输入英文,然后一直回车看到看到Is this OK?输入y就好了;如果没有中文同理一直回车就好。

微信小程序npm,微信小程序基础注意,微信小程序,npm,小程序

然后看到生成了一个package.json的文件

  1. 接下来就可以安装npm包了,这里以npm i @vant/weapp -S为例

微信小程序npm,微信小程序基础注意,微信小程序,npm,小程序

微信小程序npm,微信小程序基础注意,微信小程序,npm,小程序

然后点击工具-->构建npm,即完成。

 文章来源地址https://www.toymoban.com/news/detail-723186.html

到了这里,关于微信小程序npm安装,保姆级图文教程,步骤齐全的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序入门教程 --(保姆级)

    一、小程序注册 1、首先,到小程序官网注册自己的小程序账号,以下附有地址和教程: 小程序官网 进入这个地址之后,会看到这样的页面,点击立即注册按钮 2、在接下来的页面,选择小程序 3、然后根据提示完成三个注册步骤,(1).填写正确的邮箱和密码格式;(2).进行邮箱

    2023年04月08日
    浏览(43)
  • 获取微信小程序页面路径【保姆级教程】

    1.进入微信小程序公众平台,登录账号,点击右上角生成小程序码 微信公众平台 2.输入小程序名称或者小程序的APPID或者原始ID,输入完成,然后点击搜索,然后下一步    3.输入自己的微信号之后,点击开启   4.看到提示开启成功之后,就可以在手机上去获取页面路径了  

    2024年02月16日
    浏览(47)
  • 微信小程序——Echarts使用(保姆式教程)

    ✅作者简介:2022年 博客新星 第八 。热爱国学的Java后端开发者,修心和技术同步精进。 🍎个人主页:Java Fans的博客 🍊个人信条:不迁怒,不贰过。小知识,大智慧。 💞当前专栏:微信小程序学习分享 ✨特色专栏:国学周更-心性养成之路 🥭本文内容:微信小程序——

    2024年02月09日
    浏览(42)
  • uniapp微信小程序获取微信运动步数(保姆级教程)

    官方文档 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/signature.html 可以先了解一下,然后下载对应的解密文件 找到对应的解密语言版本,老师这里用的uniapp,只能选择node版 这里有具体的案例,可以参考一下,直接在代码中导入,在上面的getStepInfo方法中直接实例化

    2024年02月06日
    浏览(46)
  • 反编译微信小程序保姆级教程(PC端程序包)

    本教程仅供学习,请勿用于非法途径,代码抄袭属于违法行为,尊重他人才是尊重自己 我一比较啰嗦,二比较懒。前方一堆屁话,正文移步到第二段!!!   这段时间一直在研究html、css、JavaScript,本来想着顺带研究php,但是他喵的php有点局限,用着不是很顺手,就先放下

    2024年02月10日
    浏览(57)
  • 抖音跳微信小程序(抖音分享卡片和链接)图文教程

    序:         1、本博文参考一下资料:获取接口调用凭据 | 微信开放文档、获取scheme码 | 微信开放文档、获取授权帐号调用令牌 | 微信开放文档、用H5打开微信小程序_weixin_46746389的博客-CSDN博客         2、注意!只能是企业认证的小程序才可以生成跳转链接!!!!!  

    2024年02月10日
    浏览(47)
  • 微信小程序使用 npm 安装第三方包

    微信小程序支持使用 npm 安装第三方包。 在小程序根目录下执行 npm install 第三方包名 安装 npm 包。 点击开发者工具中的菜单栏: 工具 -- 构建 npm 完成构建。 就可以使用 npm 包了。

    2024年02月11日
    浏览(66)
  • uniapp微信小程序地图实现绘制polygon(保姆级教程 全网最全!!!)

    用户需求:需要在填写表单信息时,在地图上标绘自己房屋的位置信息。 这个问题处理了很久,在网上也没有找到全面的相关案例,所以我将我的思路分享给大家,希望可以解决大家遇到的问题。如果大家有更好的思路,欢迎评论区留言,大家一起学习,共同进步! 实现最

    2024年02月04日
    浏览(92)
  • 保姆级微信小程序对接蓝牙设备教程。微信小程序发送不同蓝牙指令(定时发送,断开重连,判断是否有蓝牙权限等)

    本文是一个完整的对接设备,发送不同指令监听不同返回的完整示例,可根据实际项目按需更改。 注: app.showModal 为在app.js中封装的showModal方法, then(()={}) 代表用户点击 confirm ,可用 wx.showModal 代替。 公用方法 请求设备列表 1. 判断是否有蓝牙权限 2. 初始化蓝牙 wx.openBluet

    2024年03月20日
    浏览(61)
  • 微信小程序vant安装使用过程中遇到无法构建npm的问题

    官网地址,然而如果完全按照这个教程来,实际上是缺少步骤的,需要补充一些步骤(参考https://www.bilibili.com/video/BV1vL41127Er)

    2024年02月03日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包