0
点赞
收藏
分享

微信扫一扫

[VueJsDev] 基础知识 - snippetsLab 代码片段


代码片段

::: details 目录

目录

  • ​代码片段​
  • ​​Step. 1: massCode 代码片段管理​​
  • ​​Step. 2: Vue2 init​​


:::

vscode 中按 ctrl+p 输入 vue.json 即可打开 vue 模板

  • 第一次 设置 - 用户代码片段(Configure User Snippets)
  • vscode 代码片段生成器 ​​https://snippet-generator.app/​​

Step. 1: massCode 代码片段管理

就现在 windows 上使用,也就这个好用了

  • 下载 ​​https://github.com/massCodeIO/massCode/releases​​
  • vscode 安装插件后 搜索​​massCode​​ 安装插件
  • ctrl + shift + p 输入 massCode: Search 后 再输入 搜索代码片段名称即可
    ::: tip 设置快捷键
    vscode 可以将搜索这个命令设置快捷键,我设置 ctrl+shift+i 后,只要输入快捷键就能搜索了
    :::

Step. 2: Vue2 init

Vue2 的初始化代码

// C:\Users\Reciter\AppData\Roaming\Code\User\snippets\vue.json
{
"vue2初始化模板": {
"prefix": "vue2init",
"body": [
"<template>",
" <div>",
" ${0}",
" </div>",
"</template>",
"",
"<script>",
"export default {",
" name: '$TM_FILENAME_BASE',",
" props: {},",
" components: {},",
" data () {",
" return {",
" }",
" },",
" watch: {},",
" computed: {},",
" methods: {},",
" created () { },",
" activated () { },",
" mounted () { },",
" beforeDestroy () { }",
"}",
"</script>",
"",
"<style>",
"</style>"
],
"description": "vue2初始化模板-描述"
}
}

---------------------------------------------
生活的意义并不是与他人争高下,而在于享受努力实现目标的过程,结果是对自己行动的嘉奖。
↑面的话,越看越不痛快,应该这么说:

生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!

新博客 ​​​https://www.VuejsDev.com​​ 用于梳理知识点



举报

相关推荐

0 条评论