1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Posted at

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

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?