微信小程序NPM初始化与Vant引入

丑得昏天黑地，菜得天天放弃

已于 2024-05-13 23:21:25 修改

阅读量200

点赞数 5

文章标签：微信小程序 ui

于 2024-05-13 23:14:34 首次发布

本文链接：https://blog.csdn.net/Chenxu_Zhou/article/details/138823617

版权

` 提示：仅是个人记录很久没有写小程序搭个大概都翻了半天博客

尽量选择没那么新的版本，忘了大概的步骤尽量选安装版
例如：16

进行环境配置

加载淘宝镜像

控制台能输出版本号即可

这个东西以前学的时候是需要在里面再装一次npm的
现在想来应该是管理员权限的问题
以管理员权限打开
最好用外部控制台引入vant

构建NPM时出错
在这里插入图片描述

这时候需要我们在project.config.json文件里面的setting加上但这个是旧版的新版的会自动生成miniprogram

“packNpmManually”: true,

"packNpmRelationList": [

  {

    "packageJsonPath": "./package.json",

    "miniprogramNpmDistDir": "./miniprogram/"

  }

]

所以

应该是

"packNpmRelationList": [
  {
    "packageJsonPath": "./package.json",
    "miniprogramNpmDistDir": "./"
  }
],

大体就是这样 有补充下次再说

在这里插入图片描述
另官方提示：
将 app.json 中的 “style”: “v2” 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。

初学者个人记录。

关注