vs code設置vue語法高亮顯示


vs code設置vue語法高亮顯示

 

一、在編輯器中安裝Vetur插件

1.1 、打開vs code編輯器,然后點擊左側中的擴展功能,如下圖

 

1.2、 在擴展功能窗口中輸入Vetur,在搜索出的插件中選擇Install,如下圖

 

 

1.3、 安裝成功后,如下圖:

 

二、在編輯器中配置相關信息

2.1 、打開VScode編輯器,頂部菜單:【文件】->首選項->設置

英文版:File -> Preferences -> Settings

 

 

2.2、 用戶 -> 文本編輯器,下拉找到在setting.json中編輯

英文版:

 

 

中文版:

 

2.3、在配置中找到files.associations,在里面添加相應代碼,保存 

英文版:右側輸入紅色方框內的代碼

 

中文版:

 

2.4、關閉vs code再重新打開,代碼即可高亮顯示,如下圖

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM