一鍵生成vue模板

方法：

打開VSCODE編輯器，依次選擇「文件 -> 首選項 -> 用戶代碼片斷」，此時，會彈出一個搜索框，咱們輸入vue， 以下：

選擇vue後，VSCODE會自動打開一個名字爲vue.json的文件，複製如下內容到這個文件中：

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

保存後關閉這個文件。

稍稍解釋一下：

$0 表示你但願生成代碼後光標的位置 ; prefix 表示生成對應預設代碼的命令

例如：咱們新建一個名爲demo.vue的文件，輸入vue按下enter，就會自動生成內容啦(此處應該有截圖)：

<!-- --> <template> <div></div> </template> <script> export default { data () { return { }; }, components: {}, computed: {}, created() {}, mounted() {}, methods: {} } </script> <style lang='scss' scoped> </style>

後記

固然，你也能夠爲.js、.html等各類文件預設代碼片斷。這樣，就能夠把省下來的時間，投入到奪取新時代中國特點社會主義偉大勝利的事業中去啦！

 

 

刷新