VSCode打開 *.wpy文件報錯 ——(wepy框架vscode代碼高亮)

基於wepy框架,VSCode代碼高亮的問題

今天剛使用wepy框架,按照官方教程,學習到wxpy框架的代碼高亮部分,發現我的按照官方的做法之後一直報錯,網上查了好久,終於解決,再此記錄,方便他人!

  • 官方教程
  • 我使用的是VSCode進行代碼高亮,官方教程如下
  • 方法一
    • 在 Code 裏先安裝 Vue 的語法高亮插件 Vetur。
    • 打開任意 .wpy 文件。
    • 點擊右下角的選擇語言模式,默認爲純文本。
      在這裏插入圖片描述
    • 在彈出的窗口中選擇 .wpy 的配置文件關聯…。
      在這裏插入圖片描述
    • 在選擇要與 .wpy 關聯的語言模式 中選擇 Vue。
  • 方法二
    在這裏插入圖片描述
    • 打開設置,在搜索欄輸入 vetur
      在這裏插入圖片描述
    • 打開settings.json ,在中間加上 “files.associations”: { “*.wpy”: “vue” }
      在這裏插入圖片描述
  • 完工之後,打開.wpy文件,發現出現紅色波浪線
    在這裏插入圖片描述
  • 解決方法:
  • 還在剛纔的設置選項頁面,將下面的選項勾取消掉
    在這裏插入圖片描述
    完美解決!
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章