Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8595

Pycharm(Professional)上のDjangoでsassのコンパイルをする簡単な方法

$
0
0

PyCharm(pro)でsassをcssにコンパイルする設定

  1. staticファイルにsassディレクトリ、ファイルを作成 pycharm testing.png
  2. (初回はファイルの左上にアドバイスが出ているのでそこをクリック)
  3. preferences(上のpycharm→preferences、+,)からでも開けます
  4. Tools→File Watchersで+を押してok   pycharm filewatcher.png

あとは勝手にコンパイルしてくれます
公式にはターミナルでnpm install -g sassをするとあったので一応していました

linkの書き方は、testing.sassとするところをtesting.cssとするだけです
例:<link href="{% static 'sass/testing.css' %}" rel="stylesheet" type="text/css">

pycharm公式

django sassで調べたらライブラリの方が多く出ましたが、このようなやり方もあるので投稿しました
もっとこうした方が良い等ありましたらコメントください!


Viewing all articles
Browse latest Browse all 8595

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>