欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

VSCode寫(xiě)vue項(xiàng)目一鍵生成.vue模版,修改定義其他模板的方法

 更新時(shí)間：2020年04月17日 11:12:29   作者：HwH6543  
這篇文章主要介紹了VSCode寫(xiě)vue項(xiàng)目一鍵生成.vue模版,修改定義其他模板的方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

1. 安裝一個(gè)插件，識(shí)別vue文件

插件庫(kù)中搜索Vetur，下圖中的第一個(gè)，點(diǎn)擊安裝，安裝完成之后點(diǎn)擊重新加載

2.新建代碼片段

文件–>首選項(xiàng)–>用戶代碼片段–>點(diǎn)擊新建代碼片段–取名vue.json 確定

3.粘貼入自己寫(xiě)的.vue模板

{
 "Print to console": {
 "prefix": "vue",
 "body": [
  "<!-- $1 -->",
  "<template>",
  "<div class='$2'>$5</div>",
  "</template>",
  "",
  "<script>",
  "",
  "export default {",
  "components: {},",
  "data() {",
  "return {",
  "",
  "}",
  "},",
  "computed: {},",
  "watch: {},",
  "methods: {",
  "",
  "},",
  "created() {",
  "",
  "},",
  "mounted() {",
  "",
  "},",
  "}",
  "</script>",
  "<style lang='scss' scoped>",
  "$4",
  "</style>"
 ],
 "description": "Log output to console"
 }
}

4.上面代碼中的 “prefix”: “vue”, 就是快捷鍵；保存好之后，新建.vue結(jié)尾的文件

輸入vue 按鍵盤(pán)的tab

輸入vue 按鍵盤(pán)的tab
完成！

補(bǔ)充：

vscode之快速生成vue模板的配置

在vscode中點(diǎn)擊左下角的設(shè)置---用戶代碼片段---輸入：vue.json，將以下代碼復(fù)制保存，然后新建.vue文件，輸入：vue，回車(chē)即可。可按需自行添加內(nèi)容。

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "<template>",
      " <div>",
      "  $0",
      " </div>",
      "</template>",
      "",
      "<script>",
      "",
      " export default {",
      "  name:'',",
      "  props:[''],",
      "  data () {",
      "   return {",
      "",
      "   };",
      "  },",
      "",
      "  components: {},",
      "",
      "  computed: {},",
      "",
      "  beforeMount() {},",
      "",
      "  mounted() {},",
      "",
      "  methods: {},",
      "",
      "  watch: {}",
      "",
      " }",
      "",
      "</script>",
      "<style lang='' scoped>",
      "",
      "</style>"
    ],
    "description": "Log output to console"
  }
}

總結(jié)

到此這篇關(guān)于VSCode寫(xiě)vue項(xiàng)目一鍵生成.vue模版,修改定義其他模板的方法的文章就介紹到這了,更多相關(guān)VSCode 生成vue模板內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論