【解決】Vue.jsの「.vue」ファイルでscssを使う方法

【解決】Vue.jsの「.vue」ファイルでscssを使う方法

Vue.jsの「.vue」ファイルでscssを使う手順がこちら↓

順に解説してきます。

①：npmでsassをダウンロード

まずnpmを使ってsassをインストールします。

npm i -D sass

②：「lang=”scss”」を記述

続いて.vueファイルのstyleタグに「lang=”scss”」を記述します。

<style scoped lang="scss">

〜〜〜

</style>

これだけでscssを使うことができました！

参考になれば幸いです。

ちなみにstyleタグの「scoped」については下記をどうぞ↓

2024年7月14日 【解説】Vue.jsのスコープ付きCSSの使い方【注意点あり／style scoped】

コーディング知識を
『チート級』に得れる教材を作成！

見てみる⋙