Vue3沒有程式碼提示問題如何解決

首先，我們已經很明確的就是安裝了volar插件之後，HTML標籤片段補全已經失效，即在template中書寫HTML標籤時，不會再有程式碼補全，即輸入“div”，就是“ div”，而不再是“

”，為了解決這個問題，我們需要在不刪除volar插件的同時，對Vscode做一些配置。

開啟設置，進入到以下介面：

#選擇文字編輯器-> 文字- > ，點擊右面第一個，新增項，項目輸入：「*.vue」 ，值輸入："html"，點擊儲存後回到vue檔案中，任何輸入HTML標籤，發現已經可以自動補全程式碼了，而且是自閉和的。

但此時也產生了一些問題，不知道大家有沒有接觸到，如果沒有的話就可以略過了。

第一：自訂的程式碼片段失效了，我們平常在新建Vue3元件的時候，需要初始化範本

  <template>
 
</template>
 
<script setup lang=&#39;ts&#39;>
import {ref,reactive} from &#39;vue&#39;
 
</script>
 
<style lang=&#39;less&#39; scoped> 
 
</style>

雖然程式碼很簡單，但每次新建一個元件時都需要書寫還是比較繁瑣的，因此我們會新建一些自訂的程式碼片段，在使用者程式碼片段中，點擊vue.json即可新建自己的程式碼片段

##如何創建自己的程式碼片段這裡就不展開細講了，相關的教學很多，而且非常簡單。

程式碼片段建立完成後，只要輸入關鍵字就可以建立整個片段了，還是非常方便的。

但是在經過上述的設定後，我的程式碼片段失效了，此時的一個解決方法就是，新建一個自己的全域程式碼片段。

點擊“新建全域程式碼片段檔案”，然後輸入檔案的名字，然後就可以自訂程式碼片段了，方法和在現有的.json檔案中定義程式碼片段的方法一樣。

設定完成後，新建一個.vue文件，輸入自訂的程式碼提示詞，如我的是vue3,回車，就產生了程式碼片段。

 第二個產生的問題就是，在經過最上方的設定後，.vue檔案的圖示都變成了HTML文件的圖標，出現這樣的狀況大家也不要慌，如果不介意的話其實也可以不用管的，但是為了區分，建議還是下載一個新的圖標插件

因為之前我裝的是scode-icon這個插件，所以配置完成後圖示會發生變化，此時我們可以重裝一個，例如我裝的是vue Theme

以上是Vue3沒有程式碼提示問題如何解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！