VSCode常用snippet

简介: VSCode常用snippet

Vue

{
    "vue-template": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div class=\"\">",
            "",
            "  </div>",
            "</template>",
            "",
            "<script>",
            "export default {",
            "  name: '$1',",
            "",
            "  props: [],",
            "",
            "  components: {",
            "",
            "  },",
            "",
            "  data() { ",
            "    return {",
            "",
            "    }",
            "  },",
            "",
            "   computed:{",
            "",
            "   },",
            "",
            "  methods: {",
            "",
            "  },",
            "",
            "  created() {",
            "",
            "  }",
            " }",
            "</script>",
            "",
            "<style lang=\"scss\" scoped>",
            "</style>"
        ],
        "description": "my vue template"
    }
}

PHP

{

"dot": {
"prefix": ".",
"body": [
"->"
],
"description": "dot convert to arrow"
},
"double": {
"prefix": ":",
"body": [
"=> "
],
"description": "double dot convert to double arrow"
}
}
            </div>
目录
相关文章
VsCode通过snippet generator快速生成自定义代码片段
VsCode通过snippet generator快速生成自定义代码片段
945 0
VsCode通过snippet generator快速生成自定义代码片段
VSCode常用snippet
VSCode常用snippet
|
5月前
sublime和vscode 推荐安装的插件
sublime和vscode 推荐安装的插件
67 0
|
5月前
|
人工智能 自然语言处理 算法
国产新型AI编程助手—DevChat AI插件在VSCode中的应用
国产新型AI编程助手—DevChat AI插件在VSCode中的应用
235 0
|
5月前
|
敏捷开发 人工智能 前端开发
让你爽到飞起的【懒人插件AutoScssStruct4Vue】VSCode根据template的标签目录自动一键生成CSS/SCSS/LESS结构,敏捷开发必备插件!!!
让你爽到飞起的【懒人插件AutoScssStruct4Vue】VSCode根据template的标签目录自动一键生成CSS/SCSS/LESS结构,敏捷开发必备插件!!!
|
5月前
|
前端开发
解决适配375像素宽度667像素高度移动端方法:推荐一款非常好用的px转rem单位的VSCode插件px to rem & rpx (cssrem)
解决适配375像素宽度667像素高度移动端方法:推荐一款非常好用的px转rem单位的VSCode插件px to rem & rpx (cssrem)
|
5月前
|
人工智能 JavaScript 程序员
Fitten Code:在VSCode插件市场备受欢迎的原因是什么?
随着AI技术的不断发展,AI在编写代码方面的能力也日益强大。充分利用AI的能力能够显著提高代码编写的效率和质量。今天我将向大家介绍一款备受瞩目的AI代码神器——Fitten Code,让我们一同揭开它神秘的面纱!
502 3
|
4月前
|
前端开发
VSCode中自带插件Emmet的用法
Emmet 是一个强大的工具,集成在 Visual Studio Code (VSCode) 中,可以大大提高编写 HTML 和 CSS 的效率。以下是如何使用 Emmet 插件的一些基本方法
79 4
|
4月前
|
传感器 前端开发 JavaScript
前端开发者必备的VS Code插件推荐
前端开发者必备的VS Code插件推荐
|
5月前
|
Web App开发 XML 传感器
VSCode 开发Vue必备插件
VSCode 开发Vue必备插件
104 0