Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>wmp-code-snippetsNew to Visual Studio Code? Get it now.
wmp-code-snippets

wmp-code-snippets

phobal

|
946 installs
| (0) | Free
wechat miniprogram code snippets for strikingly
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

微信小程序常用代码片段

快捷键: page

创建微信小程序 Page 页面

import { connect } from 'root/wmp-redux'

const page = {
 data: {

 },
 onLoad(options) {

 },
 onShow() {

 },
}

function mapStateToProps(state) {
 return {

 }
}

mapDispatchToProps = {

}

const connectedPage = connect(
 page,
 mapStateToProps,
 mapDispatchToProps,
)

Page(connectedPage)

快捷键: onLoad

小程序生命周期 - onLoad

onLoad(options) {

},

快捷键: onReady

小程序生命周期 - onReady

onReady() {

},

快捷键: onShow

小程序生命周期 - onShow

onShow() {

},

快捷键: onHide

小程序生命周期 - onHide

onHide() {

},

快捷键: onUnload

小程序生命周期 - onUnload

onUnload() {

},

快捷键: onPullDownRefresh

小程序原生事件 - onPullDownRefresh

onPullDownRefresh() {

},

快捷键: importShowcaseAction

引用 showcase 的 action

import { ${1} } from 'root/actions/showcase/${1}'

快捷键: importEcommerceAction

引用 ecommerce 的 action

import { ${1} } from 'root/actions/ecommerce/${1}'

快捷键: importAdmintoolAction

引用 admintool 的 action

import { ${1} } from 'root/actions/admintool/${1}'

快捷键: importOrderingAction

引用 ordering 的 action

import { ${1} } from 'root/actions/ecommerce/${1}'

快捷键: importBlogAction

引用 blog 的 action

import { ${1} } from 'root/actions/blog/${1}'

快捷键: importShowcaseReducers

引用 showcase 的 action

import { ${1} } from 'root/reducers/showcase/${1}'

快捷键: importEcommerceReducer

引用 ecommerce 的 reducer

import { ${1} } from 'root/reducers/ecommerce/${1}'

快捷键: importOrderingReducer

引用 ordering 的 reducer

import { ${1} } from 'root/reducers/ecommerce/${1}'

快捷键: importAdmintoolReducer

引用 admintool 的 reducers

import { ${1} } from 'root/reducers/admintool/${1}'

快捷键: importBlogReducer

引用 blog 的 reducer

import { ${1} } from 'root/reducers/blog/${1}'

快捷键: importShowcaseConstantsOfIcon

引用 showcase 的 iconPath

import iconPath from 'root/constants/showcase/iconPath'

快捷键: importEcommerceConstantsOfIcon

引用 ecommerce 的 iconPath

import iconPath from 'root/constants/ecommerce/iconPath'

快捷键: importOrderingConstantsOfIcon

引用 ordering 的 iconPath

import iconPath from 'root/constants/ordering/iconPath'

快捷键: importAdmintoolConstantsOfIcon

引用 admintool 的 iconPath

import iconPath from 'root/constants/admintool/iconPath'

快捷键: importBlogConstantsOfIcon

引用 blog 的 iconPath

import iconPath from 'root/constants/blog/iconPath'

快捷键: importShowcaseConstantsOfPages

引用 showcase 的 urlConstants

import { PAGES } from 'root/constants/blog/urlConstants'

快捷键: importEcommerceConstantsOfPages

引用 ecommerce 的 urlConstants

import { PAGES } from 'root/constants/ecommerce/urlConstants'

快捷键: importBlogConstantsOfPages

引用 blog 的 urlConstants

import { PAGES } from 'root/constants/blog/urlConstants'

快捷键: importOrderingConstantsOfPages

引用 ordering 的 urlConstants

import { PAGES } from 'root/constants/ordering/urlConstants'

快捷键: importAdmintoolConstantsOfPages

引用 admintool 的 urlConstants

import { PAGES } from 'root/constants/admintool/urlConstants'

快捷键: importEcommerceSelector

引用 ecommerce 的 selector

import { ${1} } from 'root/selectors/ecommerce/${1}'

快捷键: importShowcaseSelector

引用 showcase 的 selector

import { ${1} } from 'root/selectors/showcase/${1}'

快捷键: importOrderingSelector

引用 ordering 的 selector

import { ${1} } from 'root/selectors/ordering/${1}'

快捷键: importAdmintoolSelector

引用 admintool 的 selector

import { ${1} } from 'root/selectors/admintool/${1}'

快捷键: importBlogSelector

引用 blog 的 selector

import { ${1} } from 'root/selectors/blog/${1}'

快捷键: importComponent

引用 components

import ${1} from 'root/components/${1}/${1}'
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft