当前位置: 首页 > news >正文

网站建设网银花都网站建设公司

网站建设网银,花都网站建设公司,兰州装修公司哪家好,广东网站建设微信商城开发目录一、引入npm安装Vant Weapp1、引入npm2、安装Vant Weapp3、修改 app.json4、修改 project.config.json二、构建npm一、引入npm安装Vant Weapp 环境:Windows10 开发工具:微信开发者工具 本地环境:已安装过node.js 1、引入npm cmd进入到你…

目录

  • 一、引入npm+安装Vant Weapp
    • 1、引入npm
    • 2、安装Vant Weapp
    • 3、修改 app.json
    • 4、修改 project.config.json
  • 二、构建npm

一、引入npm+安装Vant Weapp

环境:Windows10 开发工具:微信开发者工具 本地环境:已安装过node.js

1、引入npm

cmd进入到你本地微信小程序项目目录后,输入 npm init后回车,之后会出现一系列需要你填的东西,填好后回车。

2、安装Vant Weapp

当npm安装完之后,再输入npm i @vant/weapp -S --production回车等待安装完成。如下图:
在这里插入图片描述

3、修改 app.json

将微信小程序项目中 app.json 中的 “style”: “v2” 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。

4、修改 project.config.json

开发者工具创建的项目,miniprogramRoot 默认为 miniprogram,package.json 在其外部,npm 构建无法正常工作。

需要手动在 project.config.json 内添加如下配置,使开发者工具可以正确索引到 npm 依赖的位置。

{..."setting": {..."packNpmManually": true,"packNpmRelationList": [{"packageJsonPath": "./package.json","miniprogramNpmDistDir": "./miniprogram/"}]}
}

注意: 由于目前新版开发者工具创建的小程序目录文件结构问题,npm构建的文件目录为miniprogram_npm,并且开发工具会默认在当前目录下创建miniprogram_npm的文件名,所以新版本的miniprogramNpmDistDir配置为’./'即可。

如果您需要typescript 支持,具体可以参照Vant Weapp官网文档。
Vant Weapp官网跳转链接:
链接: 点击跳转Vant Weapp官网地址

二、构建npm

在微信开发者工具中点击选择:工具→构建npm,到此就可以使用了,如下图:
在这里插入图片描述

http://www.ds6.com.cn/news/49592.html

相关文章:

  • wordpress如何去除页眉部分张掖seo
  • abc网站建设怎么样荨麻疹怎么治疗能除根
  • 做网站建设很赚钱吗自助建站系统模板
  • 微信小程序怎拼做搬家网站长沙市云网站建设
  • 小型企业网站模板百度福州分公司
  • 石家庄教育平台网站建设武汉百度推广电话
  • 代做网站品牌推广营销
  • 2018网站外链怎么做百度服务中心人工24小时电话
  • 中信建设有限责任公司招标公告简阳seo排名优化培训
  • 邛崃市建设局网站宁德市区哪里好玩
  • 网站主题下载优化网站的步骤
  • 整合营销传播策划方案seo网站优化网站编辑招聘
  • 用摄像头直播网站怎么做最新热搜新闻
  • 做企业免费网站哪个好些杭州seo的优化
  • 网站要能被搜到需要做推广嘛台州网站制作维护
  • 不相关的网站做单项链接可以吗自动外链
  • 网站建设思维导图的要求5118营销大数据
  • 团委网站开发seo软件简单易排名稳定
  • 做网站都得会什么技术营销的方法手段有哪些
  • 建设网站需要的软硬件电脑优化软件
  • 朋友圈网站文章怎么做优化大师app
  • 网站开发样例指数基金投资指南
  • 网站做次级页面营销型网站分析
  • 动态可视化excel图表制作重庆seo推广服务
  • 已经有域名 如何建网站企业网站的优化建议
  • 搜索引擎网站推广如何优化一个新的app如何推广
  • asp评价网站开发文档聊城今日头条最新
  • 深圳网站制作企业邮箱关键词优化快速排名
  • 公司网站找不到了千部小黄油资源百度云
  • wordpress婚庆主题百度小程序关键词优化