代码拉取完成,页面将自动刷新
本文引导:
[TOC]
D:.
├─Components
│ ├─copyRight
│ └─webComponent
├─copyRight
├─custom-tab-bar
├─image
├─miniprogram_npm
│ ├─delegate
│ ├─good-listener
│ ├─image
│ ├─iviewWeapp
│ │ ├─action-sheet
│ │ ├─alert
│ │ ├─avatar
│ │ ├─badge
│ │ ├─base
│ │ ├─button
│ │ ├─card
│ │ ├─cell
│ │ ├─cell-group
│ │ ├─checkbox
│ │ ├─checkbox-group
│ │ ├─col
│ │ ├─collapse
│ │ ├─collapse-item
│ │ ├─count-down
│ │ ├─divider
│ │ ├─drawer
│ │ ├─grid
│ │ ├─grid-icon
│ │ ├─grid-item
│ │ ├─grid-label
│ │ ├─icon
│ │ ├─index
│ │ ├─index-item
│ │ ├─input
│ │ ├─input-number
│ │ ├─load-more
│ │ ├─message
│ │ ├─modal
│ │ ├─notice-bar
│ │ ├─page
│ │ ├─panel
│ │ ├─progress
│ │ ├─radio
│ │ ├─radio-group
│ │ ├─rate
│ │ ├─row
│ │ ├─slide
│ │ ├─spin
│ │ ├─step
│ │ ├─steps
│ │ ├─sticky
│ │ ├─sticky-item
│ │ ├─swipeout
│ │ ├─switch
│ │ ├─tab
│ │ ├─tab-bar
│ │ ├─tab-bar-item
│ │ ├─tabs
│ │ ├─tag
│ │ └─toast
│ ├─select
│ ├─tiny-emitter
│ └─weapp
│ ├─action-sheet
│ ├─area
│ ├─button
│ ├─calendar
│ │ └─components
│ │ ├─header
│ │ └─month
│ ├─card
│ ├─cell
│ ├─cell-group
│ ├─checkbox
│ ├─checkbox-group
│ ├─circle
│ ├─col
│ ├─collapse
│ ├─collapse-item
│ ├─common
│ │ └─style
│ │ └─mixins
│ ├─config-provider
│ ├─count-down
│ ├─datetime-picker
│ ├─definitions
│ ├─dialog
│ ├─divider
│ ├─dropdown-item
│ ├─dropdown-menu
│ ├─empty
│ ├─field
│ ├─goods-action
│ ├─goods-action-button
│ ├─goods-action-icon
│ ├─grid
│ ├─grid-item
│ ├─icon
│ ├─image
│ ├─index-anchor
│ ├─index-bar
│ ├─info
│ ├─loading
│ ├─mixins
│ ├─nav-bar
│ ├─notice-bar
│ ├─notify
│ ├─overlay
│ ├─panel
│ ├─picker
│ ├─picker-column
│ ├─popup
│ ├─progress
│ ├─radio
│ ├─radio-group
│ ├─rate
│ ├─row
│ ├─search
│ ├─share-sheet
│ ├─sidebar
│ ├─sidebar-item
│ ├─skeleton
│ ├─slider
│ ├─stepper
│ ├─steps
│ ├─sticky
│ ├─submit-bar
│ ├─swipe-cell
│ ├─switch
│ ├─tab
│ ├─tabbar
│ ├─tabbar-item
│ ├─tabs
│ ├─tag
│ ├─toast
│ ├─transition
│ ├─tree-select
│ ├─uploader
│ └─wxs
├─pages
│ ├─about
│ ├─classify
│ ├─contact
│ ├─content
│ ├─index
│ ├─payRecord
│ ├─points
│ ├─pointsExchange
│ ├─search
│ ├─setting_feedback
│ ├─setting_msg
│ ├─star
│ ├─test
│ ├─test2
│ ├─user
│ ├─userLogin
│ └─userSetting
└─utils
该小程序为《鲤鱼科技》个人团队开发。专注于编程知识、工具、好文章等各种知识分享。
注:将采用npm模式;需要在微信小程序工具中打开如下图
1 npm init -f
-f表示force的意思,就是初始化全部按照默认值,不加-f则需要填写一些项目信息,因为只是做个试验就加-f 省事。
npm i @vant/weapp -S --production
"style": "v2"
去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。开发者工具创建的项目,miniprogramRoot
默认为 miniprogram
,package.json
在其外部,npm 构建无法正常工作。
需要手动在 project.config.json
内添加如下配置,使开发者工具可以正确索引到 npm 依赖的位置。
{
...
"setting": {
...
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./miniprogram/"
}
]
}
}
构建完成之后小程序目录会多出一个下图的文件夹,然后就可以直接引用里面组件了
若在小程序的云函数中使用npm,无需进行初始化,但是需要先安装依赖
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。