VsCode常用設置有哪些

179次閱讀

沒有評論

共計 1032 個字符，預計需要花費 3 分鐘才能閱讀完成。

這篇文章主要講解了“VsCode 常用設置有哪些”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著丸趣 TV 小編的思路慢慢深入，一起來研究和學習“VsCode 常用設置有哪些”吧！

首先：我們要找到這個模板設置的入口

在文件 – 首選項 – 用戶代碼片段

選中以后，會出現下面這個輸入框，假如你想設置.vue 文件的模板，可以新建一個 vue.json 全局代碼片段文件，輸入 vue.json 然后回車。

好了，接下來你可以把那些沒必要的注釋刪掉，只需要在這個 json 文件里面輸入以下內容

好吧，解釋一下

這里的 prefix 是你在編輯器里輸入的內容，就好像創建 html 文件的時候，輸入的英文感嘆號

body 就是你回車以后出現的內容

注意，這里的 body 是一個數組，每一行的內容都是數組里的每一項，并且需要用引號引起來。

是不是跟著敲好了？

接下來，保存之后，就可以回到我們的.vue 文件里面嘗試一下

當然如果你覺得這還不夠，我們依舊可以在那個 json 文件里面繼續輸入

接下來你就可以輸入”js”，就能出現下面 body 里面的代碼。

太棒了，我們已經知道了如何創建一個小的片段

那么我們為何不一步到位，直接創建一個完整的 vue 文件模板呢？

接下來好心的我吧代碼貼出來，直接拿去用吧！！！

{
 vue-template : {
 prefix : vue ,
 body : [
 template ,
   div /div ,
 /template ,
 ,
 script ,
 export default {,
 data() { ,
 return {}; ,
 }, ,
 ,
 components: {}, ,
 ,
 computed:{}, ,
 ,
 mounted () {}, ,
 ,
 methods: {}, ,
 } ,
 /script ,
 ,
 style scoped ,
 ,
 /style ,
 ]
 }
}