快捷键-用户代码片段

node.js

post将数据放在query.body中

"B": {
        "prefix": "post", //自定义快捷名称
        "body": [ //片段开始   
            "// post请求获取数据req.body",
            "bodyParser = require('body-parser')",
            "app.use(bodyParser.urlencoded({extended:false}))",
            "app.use(bodyParser.json())",
            "$0"
        ], //片段结束
        "description": "post"
    },

rouer 路由

"C": {
        "prefix": "router", //自定义快捷名称
        "body": [ //片段开始           
            "const router = require('express').Router()",
            "",
            "module.exports=router"
        ], //片段结束
        "description": "router"
    },

express服务器

"C": {
        "prefix": "router", //自定义快捷名称
        "body": [ //片段开始           
            "const router = require('express').Router()",
            "",
            "module.exports=router"
        ], //片段结束
        "description": "router"
    },

cors允许跨域

"E": {
        "prefix": "cors", //自定义快捷名称
        "body": [ //片段开始           
            "const cors = require('cors');",
            "app.use(cors());",
            "$0",
        ], //片段结束
        "description": "cors"
    }

脚手架vue2

    "单文件组件Vue2": {
        "prefix": "vue2", //自定义快捷名称
        "body": [ //片段开始           
            "<template>",
            "",
            "</template>",
            "<script>",
            "export default {",
            "    $0",
            "}",
            "</script>",
            "",
            "<style scoped></style>",
        ], //片段结束
        "description": "vue2"
    },

脚手架vue3

    "单文件组件Vue3": {
        "prefix": "vue3tx", //自定义快捷名称
        "body": [ //片段开始           
            "<script setup lang='ts'>",
            "  ",
            "</script>",
            "<template>",
            "  $0",
            "</template>",
            "",
            "<style scoped lang='scss'>",
            "",
            "</style>",
        ], //片段结束
        "description": "vue3"
    }

Vue2

"Vue2": {
        "prefix": "!2", //自定义快捷名称
        "body": [ //片段开始  
            "<!DOCTYPE html>",
            "<html lang='en'>",
            "<head>",
            "   <meta charset='UTF-8'>",
            "    <meta name='viewport' content='width=device-width, initial-scale=1.0'>",
            "    <title>Document</title>",
            "    <script src='./js/vue.js'></script>",
            "</head>",
            "<body>",
            "    <div id='app'>",
            "       $0",
            "    </div>",
            "    <script>",
            "        new Vue({",
            "            el: '#app',",
            "            data() {",
            "                return {", 
            "                    $0",//$0光标初始位置
            "                }",
            "            }",
            "        })",
            "    </script>",
            "</body>",
            "</html>",
        ], //片段结束
        "description": "nve"
    },

Vue3

"Vue3": {
        "prefix": "!3", //自定义快捷名称
        "body": [ //片段开始  
            "<!DOCTYPE html>",
            "<html lang='en'>",
            "<head>",
            "   <meta charset='UTF-8'>",
            "    <meta name='viewport' content='width=device-width, initial-scale=1.0'>",
            "    <title>Document</title>",
            "    <script src='./js/vue.global.js'></script>",
            "</head>",
            "<body>",
            "    <div id='app'>",
            "       ",
            "    </div>",
            "    <script>",
            "        const app = Vue.createApp({",
            "            data(){",
            "                return {",
            "                    $0", //$0光标初始位置
            "                }",
            "            }",
            "        })",
            "        app.mount('#app')",
            "    </script>",
            "</body>",
            "</html>",
        ], //片段结束
        "description": "nve"
    },
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • vue 学习 1. 组件基础 1.1 什么是组件 组件是可以服用的 vue 实例,说白了是一组可以重复使用的模板。...
    荆承鹏阅读 323评论 0 0
  • 此文是本人学习慕课网微前端课程《从零打造微前端框架:实战“汽车资讯平台”项目》的笔记,主要记录了自研实现微前端框架...
    前端辉羽阅读 1,315评论 0 3
  • 2022年技术胖私藏工具分享 300+编程实用工具 Javascript 工具 Underscore.js一套完善...
    wudongyu阅读 1,126评论 0 2
  • node.js 介绍 node.js是什么 node.js 是一个开发平台,就像java开发平台...何为开发平台...
    小浅_阅读 1,271评论 0 6
  • 一、xue的生命周期是什么 vue每个组件都是独立的,,每个组件都有一个属于他的生命周期,从一个组件创建、数据初始...
    康娜阅读 1,265评论 0 0

友情链接更多精彩内容