굿바베베

유용한 vue snippet 설정 본문

개발꿀팁/VUE

유용한 vue snippet 설정

굿바베베 2023. 2. 16. 22:31

vsc code > 왼쪽 아래 톱니바퀴(Manage) > User Snippets 에 아래 코드 삽입 후 저장

 vue-start 입력 후 엔터치면 스니핏 촤르륵

 

"Generate Basic Vue Code": { "prefix": "vue-start", "body": [ "<template>\n\t<div></div>\n</template>\n<script>\nexport default {\n\tcomponents: {},\n\tdata() {\n\t\treturn {\n\t\t\tsampleData: ''\n\t\t}\n\t},\n\tsetup() {},\n\tcreated() {},\n\tmounted() {},\n\tunmounted() {},\n\tmethods:{}\n}\n</script>" ], "description": "Generate Basic Vue Code" }

728x90

'개발꿀팁 > VUE' 카테고리의 다른 글

Pinia store issue with Vite + Vue + Vuetify project  (0) 2023.03.27
vue 라우터에 reload 기능 가능?  (0) 2021.11.09
<router-link> 밑줄 없애기  (0) 2021.11.09
<router-link> 밑줄 없애기  (0) 2021.11.09
vue create 에러  (0) 2021.11.04