常用snippets
背景
基于 vscode ,提高开发效率
添加路径
File >> Preferences >> User Snippets >> New Snippets
vue模板
{
// Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
// "Print to console": {
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"vue": {
"prefix": "vue",
"body": [
"<template>",
" <view class=\"container\">",
" </view>",
"</template>",
"",
"<script>",
"import { config, util, api } from '../../utils/index'",
"export default {",
" components: {},",
" computed: {",
" // test: {",
" // get: function () {},",
" // set: function (v) {}",
" // }",
" },",
" watch: {",
" // test: function (newObj, oldObj) {}",
" },",
" data () {",
" return {",
" staticHost: config.staticHost,",
" defaultImg: config.defaultImg,",
" assets: config.defaultImg.assets,",
" dataList: [],",
" resData: {},",
" dataLoading: false",
" }",
" },",
" beforeCreate () {},",
" created () {},",
" beforeMount () {},",
" mounted () {},",
" beforeDestroy () {},",
" destroyed () {},",
" onLoad (op) {},",
" onShow () {},",
" onReady () {},",
" // 用户点击右上角分享",
" onShareAppMessage: function (res) {",
" const that = this",
" if (res.from === 'button') {",
" const shareMsg = util.getShareObj(that)",
" return util.commonShareAppMessage(shareMsg)",
" } else {",
" return util.commonShareAppMessage()",
" }",
" },",
" onPullDownRefresh () {},",
" onReachBottom () {},",
" methods: {}",
"}",
"</script>",
"",
"<style lang='scss' scoped>",
".container {",
" background: #f7f8fa;",
"}",
"</style>",
"",
]
}
}uniVue模板
{
// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
// Placeholders with the same ids are connected.
// Example:
// "Print to console": {
// "scope": "javascript,typescript",
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"uni": {
"prefix": "uni",
"body": [
"<template>",
" <view class=\"container\">",
" </view>",
"</template>",
"",
"<script>",
"import { config, util, api } from '../../utils/index'",
"export default {",
" components: {},",
" computed: {",
" // test: {",
" // get: function () {},",
" // set: function (v) {}",
" // }",
" },",
" watch: {",
" // test: function (newObj, oldObj) {}",
" },",
" data () {",
" return {",
" staticHost: config.staticHost,",
" defaultImg: config.defaultImg,",
" assets: config.defaultImg.assets,",
" dataList: [],",
" resData: {},",
" dataLoading: false",
" }",
" },",
" onLoad (op) {},",
" onShow () {},",
" onReady () {},",
" onHide () {},",
" onUnload () {},",
" onResize () {},",
" onPullDownRefresh () {},",
" onReachBottom () {},",
" onShareAppMessage: function (res) {",
" const that = this",
" if (res.from === 'button') {",
" const shareMsg = util.getShareObj(that)",
" return util.commonShareAppMessage(shareMsg)",
" } else {",
" return util.commonShareAppMessage()",
" }",
" },",
" onPageScroll (e) {},",
" methods: {}",
"}",
"</script>",
"",
"<style lang='scss' scoped>",
".container {",
" background: #f7f8fa;",
"}",
"</style>",
"",
]
}
}component
{
"component": {
"prefix": "component",
"body": [
"<template>",
" <view class=\"component\">",
" </view>",
"</template>",
"",
"<script>",
"import { config } from '../../../utils/index'",
"export default {",
" props: {",
" isFixed: {",
" type: Boolean,",
" default: false",
" }",
" },",
" components: {},",
" computed: {",
" // test: {",
" // get: function () {},",
" // set: function (v) {}",
" // }",
" },",
" watch: {",
" // test: function (newObj, oldObj) {}",
" },",
" data () {",
" return {",
" staticHost: config.staticHost,",
" defaultImg: config.defaultImg,",
" assets: config.defaultImg.assets",
" }",
" },",
" beforeCreate () {},",
" created () {},",
" beforeMount () {},",
" mounted () {},",
" beforeUpdate () {},",
" updated () {},",
" beforeDestroy () {},",
" destroyed () {},",
" methods: {}",
"}",
"</script>",
"",
"<style lang='scss'>",
".component {}",
"</style>",
"",
]
}
}api.js
{
"api": {
"prefix": "api",
"body": [
"const config = require('../config.js')",
"module.exports = {",
" getList: config.host + 'api/' // xxx",
"}",
"",
]
}
}request
{
"request": {
"prefix": "request",
"body": [
"const that = this",
"const url = api.getChatConversation",
"const params = {}",
"const transHeader = { Authorization: this.loginTokenInfo.token }",
"uni.showLoading()",
"util.postData.call(this, url, params, 'POST', function (res) {",
" if (res.data) {",
" const data = res.data.data",
" const tips = '保存成功'",
" uni.showToast({ title: tips, icon: 'none', duration: 1500 })",
" }",
" uni.hideLoading()",
"}, function (err) {",
" uni.hideLoading()",
" uni.showToast({ title: err.data.msg, icon: 'none', duration: 1500 })",
"}, transHeader)",
]
}
}initStorage
{
"initStorage": {
"prefix": "initStorage",
"body": [
"initStorage () {",
" const loginUserInfo = xtyStorage.get(xtyStorage.loginUserInfo)",
" this.loginUserInfo = loginUserInfo ? JSON.parse(loginUserInfo) : {}",
"}",
]
}
}judgeAll
{
"judgeAll": {
"prefix": "judgeAll",
"body": [
"judgeAll () {",
" let sum = 1",
" let msg = ''",
" if (this.userName) {",
" sum *= 1",
" } else {",
" msg = '昵称不能为空'",
" sum *= 0",
" }",
" if (msg) {",
" uni.showToast({ title: msg, icon: 'none', duration: 1500 })",
" }",
" return sum",
"}",
]
}
}setStorage
{
"setStorage": {
"prefix": "setStorage",
"body": [
"const info = {}",
"xtyStorage.set(xtyStorage.loginTokenInfo, JSON.stringify(info))",
]
}
}image
{
"image": {
"prefix": "image",
"body": [
"<image class=\"tips tip-1\" :mode=\"'scaleToFill'\" :src=\"assets.customer_chat\" @error=\"imageError\"></image>",
]
}
}staticHostImg
{
"staticHostImg": {
"prefix": "staticHostImg",
"body": [
"item.productImg = `${config.staticHost}${item.productImg}`",
]
}
}formatDate
{
"formatDate": {
"prefix": "formatDate",
"body": [
"item.endTime = util.formatDate(new Date(Number(item.endTime)), 'yyyy-MM-dd hh:mm')",
]
}
}initSelections
{
"initSelections": {
"prefix": "initSelections",
"body": [
"initSelections () {",
" this.operList = selectOptions.exchangeGoodsDetailOptions1",
"}",
]
}
}iconfont
{
"iconfont": {
"prefix": "iconfont",
"body": [
"<text class=\"iconfont icon-fanhui1\"></text>",
"<text class=\"inline t-icon hxjs-iconxuanzhong\"></text>",
]
}
}initLinkAndTitle
{
"initLinkAndTitle": {
"prefix": "initLinkAndTitle",
"body": [
"initLinkAndTitle () {",
" const { bitmap } = config.InviteMessage",
" const referralLink = `/pages/invite/register?invitationCode=${this.resData.invitationCode}`",
" this.shareObj = {",
" title: this.resData.subTitle,",
" image: bitmap,",
" pageLink: referralLink",
" }",
"}",
]
}
}onShow
{
"onShow": {
"prefix": "onShow",
"body": [
"onShow () {",
" const currPage = util.getCurrentPage()",
" if (currPage.data.distributeId) {",
" this.distributeId = currPage.data.distributeId",
" }",
"},",
]
}
}getParams
{
"getParams": {
"prefix": "getParams",
"body": [
"getParams () {",
" const params = {}",
" return params",
"},",
]
}
}goto
{
"goto": {
"prefix": "goto",
"body": [
"// 1:关闭当前页面，跳转到应用内的某个页面",
"// 2:跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面 需在 app.json 的 tabBar 字段定义的页面 路径后不能带参数",
"// 3:关闭所有页面，打开到应用内的某个页面",
"// 99:关闭当前页面，返回上一页面或多级页面",
"// default:保留当前页面，跳转到应用内的某个页面",
"util.commonViewTap('/pages/shop/searchResult')",
]
}
}getPrePage
{
"getPrePage": {
"prefix": "getPrePage",
"body": [
"const prePage = util.getPrePage()",
"// #ifndef H5",
"prePage.setData({",
" isReRender: true",
"})",
"util.returnPrevPage()",
"// #endif",
]
}
}getList
{
"getList": {
"prefix": "getList",
"body": [
"dataList: [],",
"hasMore: true,",
"page: 1,",
"limit: 10,",
"getParams () {",
" const params = {}",
" return params",
"},",
"getList () {",
" const that = this",
" const url = api.getSearchShopList",
" const params = this.getParams()",
" uni.showLoading()",
" util.postData.call(this, url, params, 'POST', function (res) {",
" if (res.data) {",
" const data = res.data.data",
" that.totalPage = data.pages",
" that.hasMore = that.page < data.pages",
" // that.dataList = that.dealDataList(data)",
" uni.hideLoading()",
" }",
" }, function (err) {",
" uni.hideLoading()",
" uni.showToast({ title: err.data.msg, icon: 'none', duration: 1500 })",
" })",
"},",
"getNextPage () {",
" const that = this",
" const url = api.getSearchShopList",
" if (this.page >= this.totalPage) {",
" return false",
" }",
" this.page += 1",
" const params = this.getParams()",
" uni.showLoading()",
" util.postData.call(this, url, params, 'POST', function (res) {",
" if (res.data) {",
" const data = res.data.data",
" that.totalPage = data.pages",
" that.hasMore = that.page < data.pages",
" // that.dataList = [...that.dataList, ...that.dealDataList(data)]",
" uni.hideLoading()",
" }",
" }, function (err) {",
" uni.hideLoading()",
" uni.showToast({ title: err.errMsg, icon: 'none', duration: 1500 })",
" })",
"},",
]
}
}uniUpload
{
"uniUpload": {
"prefix": "uniUpload",
"body": [
"const transHeader = { Authorization: this.loginTokenInfo.token }",
"const apiUrl = api.idCardGetInfo",
"const imgUrl = subThis.formObj.frontImg",
"util.uniUpload((res) => {",
" // do something",
" subThis.deal(res)",
"}, (err) => {",
" uni.showToast({ title: err.data.msg, icon: 'none', duration: 1500 })",
"}, apiUrl, imgUrl, {}, config.idCardUploadRequestBehindLabel, transHeader)",
]
}
}promise
{
"promise": {
"prefix": "promise",
"body": [
"const p1 = new Promise(function (resolve, reject) {",
" const that = this",
" const url = api.getChatConversation",
" const params = {}",
" const transHeader = { Authorization: that.loginTokenInfo.token }",
" uni.showLoading()",
" util.postData.call(this, url, params, 'POST', function (res) {",
" if (res.data) {",
" const data = res.data.data",
" const tips = '保存成功'",
" uni.showToast({ title: tips, icon: 'none', duration: 1500 })",
" }",
" uni.hideLoading()",
" }, function (err) {",
" uni.hideLoading()",
" uni.showToast({ title: err.data.msg, icon: 'none', duration: 1500 })",
" }, transHeader)",
"})",
"Promise.all([p1]).then(res => {",
" // do something",
"})",
]
}
}Last updated