Jekyll + VSCode のエディタ設定

次やる時忘れるのでメモ。


command + p で settings.json をタイプ。
USER SETTINGS / WORKSPACE SETTINGS が選べるのでどちらか選択。

liquid テンプレートの HTML オートコンプリートは emmet がやるらしいので、下記を追加。

json
1
2
3
    "emmet.includeLanguages": {
        "liquid": "html"
    }

Jekyll Snippets をインストール。
https://marketplace.visualstudio.com/items?itemName=ginfuru.vscode-jekyll-snippets

Liquid のためにこちらは必要なかった。
https://marketplace.visualstudio.com/items?itemName=neilding.language-liquid

これだけでだいぶ快適。


Jekyll など静的サイトのホスティングについての設定はこちらを参照してください。
Jekyll + Netlify + Cloudinary で爆速ウェブサイトを無料で公開する

参考

https://github.com/GingerBear/vscode-liquid/issues/7

Jekyll には White space control というものがあるのね。
https://shopify.github.io/liquid/basics/whitespace/

何かありましたらコメントをどうぞ

comments powered by Disqus

人気の記事

950 Points チリ出身のギタリストが弾くドラゴンボールZがむちゃくちゃかっこいい…
774 Points Wordpress + Heroku + PostgreSQL + Amazon S3 = ¥0 / 無料でサイト運営
700 Points Rubyのチートシート 変数 / クラス / モジュール
524 Points Rubyのチートシート / アクティブサポート
451 Points 紙のデザイナーがウェブ開発できるようになるまでに必要なこと
435 Points Rails / Google Analyticsのデータを使って分析や管理画面のためのグラフをつくる
323 Points RailsとHerokuでノーティフィケーションをプッシュする / PusherとTurbolinksの兼ね合い
222 Points Rails / RSpec テスト書いたことない メンドクサイ(n´Д`)という時のチートシート
193 Points Rails / Ajaxを使って画面遷移しない一時保存機能をつける
193 Points Protractorでスクレイピングしてみた