vue使用CSS插件scss時代碼報紅問題
更新時間：2024年07月01日 10:52:44 作者：YOGiii
這篇文章主要介紹了vue使用CSS插件scss時代碼報紅問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
問題描述
剛開始下載別人的代碼，安裝依賴運行起來后，樣式引用沒有問題，發(fā)現(xiàn)樣式代碼報紅
如下圖這樣顯示：
雖然說運行沒問題，但是這樣的爆紅還是影響閱讀體驗嘞，所以這個問題還是需要解決一下
在網(wǎng)上看了很多方法發(fā)現(xiàn)是需要修改一下設(shè)置文件。
解決方案
1.打開設(shè)置
點開右上角文件->首選項->設(shè)置
2.進(jìn)入setting.json文件修改
打開設(shè)置以后如下圖所示
我們只需要點擊右上角的這個小圖標(biāo)就可以進(jìn)入setting.json文件
3.修改setting.json文件
把文件中的"files.associations"中的"*.vue"的值改成"vue"保存即可
解決結(jié)果
如圖所示，可以看到樣式代碼不會爆紅了，問題解決。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
在使用 Vue 開發(fā)的這幾年里，掌握一些有用的技巧，使用一些更高級的技術(shù)點，總會有用的，本文就介紹了15個Vue技巧，具有一定的參考價值，感興趣的可以了解一下2022-02-02
在Vue3.x中實現(xiàn)類似React.lazy效果的方法詳解
React 的 React.lazy 功能為組件懶加載提供了原生支持,允許開發(fā)者將組件渲染推遲到實際需要時再進(jìn)行,雖然 Vue3.x 沒有一個直接對應(yīng)的 lazy 函數(shù),但我們可以通過動態(tài)導(dǎo)入和 defineAsyncComponent 方法來實現(xiàn)類似的效果,需要的朋友可以參考下2024-03-03
這篇文章主要介紹了Vue中使用wangeditor富文本編輯的問題,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-02-02
使用Vue + Tippy.js打造高定制浮層提示組件(Tooltip/Popover)
這篇文章主要介紹了使用Vue + Tippy.js打造高定制浮層提示組件(Tooltip/Popover)的相關(guān)資料,支持延遲顯示、手動控制、響應(yīng)式內(nèi)容及圖片圖標(biāo)等功能,適用于Tooltip、Popover、關(guān)鍵詞推薦等場景,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-07-07
vue?element修改el-select控件長度style=“width:XXpx“不生效的解決
這篇文章主要介紹了vue?element修改el-select控件長度style=“width:XXpx“不生效的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
本文介紹一個簡單的DrawerLayout（類似Android的DrawerLayout）布局組件的實現(xiàn)，基于Vue.js側(cè)滑菜單組件的實現(xiàn)代碼大家通過本文一起學(xué)習(xí)吧2017-12-12
這篇文章主要介紹了詳解Vuejs2.0之異步跨域請求,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
Vue組件通信$attrs、$listeners實現(xiàn)原理解析
這篇文章主要介紹了Vue組件通信$attrs、$listeners實現(xiàn)原理解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-09-09
這篇文章主要介紹了vue2與vue3下如何訪問使用public下的文件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
antd+vue實現(xiàn)動態(tài)驗證循環(huán)屬性表單的思路
今天通過本文給大家分享antd+vue實現(xiàn)動態(tài)驗證循環(huán)屬性表單的思路，代碼簡單易懂，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友參考下吧2021-09-09