[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

sublimetextに関するyayocanのブックマーク (11)

  • Sublime Text 3でスペース(半角・全角)やタブを可視化する方法

    Sublime Text 3 の初期インストール状態ではタブやスペースに色がついていないため、インデントに何が設定されているのか文字を反転させないと分からず困ることがあります。 以下のソースの L.7 ~ L.11 のインデントはスペースのみか、タブ混在なのか?ひょっとして全角スペースも混ざってたりしていないか? そんな問題を解決する方法を解説していきます。 スペースやタブを可視化する半角スペース・タブを見えるようにする方法Sublime Text で設定を行えば、半角スペースとタブは可視化できます。ただ全角スペースだけは設定で可視化できないので、そちらについては後述します。 手順は次の通り。 メニュー [基設定] → [基設定] または [Preference] → [Settings] を開くと、左右に2つの設定画面が表示されます。左側がデフォルト設定で、右側がユーザー設定です。

    Sublime Text 3でスペース(半角・全角)やタブを可視化する方法
  • 今日から使える!Sublime Textの使い方【初心者向け】

    テキストエディタの【Sublime Text(サブライムテキスト)】の使い方を初心者向けに解説した記事です。インストール方法から、プラグインのインストール方法、ショートカットキーの設定方法までこの記事だけで基礎がわかります。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 プログラミングに使えるテキストエディタはいくつかありますが、その中でも今回はSublime Text(サブライムテキスト)の使い方をテックアカデミーのメンター(現役エンジ

    今日から使える!Sublime Textの使い方【初心者向け】
  • Cheat Sheet

    Download cheat sheet as printable PDF A5

    yayocan
    yayocan 2016/05/15
    チートシート
  • 【保存版】Sublime Text 3のショートカットキーの一覧(Windows/Mac)

    トップページ 便利ツール/ソフト 【保存版】Sublime Text 3のショートカットキーの... 【保存版】Sublime Text 3のショートカットキーの一覧(Windows/Mac) 公開日:2015.02.15 更新日:2015.02.19 悠木 彩斗(@starlod_twtr) テキストエディタ 便利ツール/ソフト MacST3Sublime Text 3Windowsショートカットキーテキストエディタ 0 どうも、最近はドトールやミスドなどのカフェでブログを書いているカフェブロガーの悠木 彩斗(@starlod_twtr)です。 Sublime Text 3にはたくさんの便利なショートカットキーが用意されています。たくさんありすぎて覚えることは大変ですが、よく使う動作ショートカットキーを覚えることで快適にコーディングできたり、ブログを書いたりすることができます。 Win

    【保存版】Sublime Text 3のショートカットキーの一覧(Windows/Mac)
    yayocan
    yayocan 2016/05/15
    わかりやすい基本のショートカット
  • リロード不要!Sublime TextでCSS変更を即座にChromeに反映させる方法

    LiveStyleパッケージをインストールするには、メインメニューから「Preferences(基設定)→Package Control(パッケージコントロール)」を選択してください。 パッケージコントロールが表示されるので、「Install Package」を選択してください。 入力欄に「LiveStyle」と入力したら、LiveStyleパッケージがインクリメンタル検索されて表示されるのでクリックしてインストールします。 Sublime Text側の設定はこれで完了です。 ChromeにLiveStyle拡張をインストール次に、ChromeブラウザにEmmet LiveStyle拡張をインストールします。 拡張が追加されれば、Chromeでのインストール作業は終了です。 Sublime TextでCSSファイルを開くChromeEmmet LiveStyleの設定を行う前に、Sub

    リロード不要!Sublime TextでCSS変更を即座にChromeに反映させる方法
  • http://webdesign-workbook.com/sublimetext-snippet/

  • [tips][Sublime Text] Sublime Text 3をインストールしたらまずやること

    I'm "Keid". Full-stack Web Engineer. Mainly, about Tips, about Web, about My LIFE. ツイート 最近お気に入りのエディタ「Sublime Text 3」のインストールしたら最初にやることを紹介します。プログラミングするには最適なエディタだと思います。環境はWindowsですが、やることはMacと変わりません。(Macの人はショートカットが多少変わるので、適宜調べてください) 1. 「Sublime Text 3」のインストール (1)Windows用インストーラをダウンロードし、インストールする。 (2)「sublime_text.exe」を起動する。 2. 「Package Control」のインストール 「Package Control」はSublime Textにパッケージを入れるためのパッケージ管理ツー

    [tips][Sublime Text] Sublime Text 3をインストールしたらまずやること
    yayocan
    yayocan 2016/05/15
    初期設定
  • Sublime Text のテーマやカラースキームを変更する方法 - 情報系大学院生のWebメモ

    Sublime Text のテーマやカラースキームを変更する方法を説明します。Sublime Text をよりオシャレにしましょう。 おすすめ!Sublime Text の人気テーマベスト10 in 2014 などを参考にして、インストールしたいテーマやカラースキームを決めます。 今回は、テーマ Flatland とカラースキーム Flatland Dark を基に、テーマやカラースキームの変更方法を説明していきます。 テーマとカラースキームのインストール Ctrl + Shift + P を押して、Command Pallet を開く 「install」と検索して、「Package Control: Install Package」を選択する(Package Control をインストールしていない場合は、恋に落ちる「Sublime Text」のインストール・日語化を参考にしてインスト

    Sublime Text のテーマやカラースキームを変更する方法 - 情報系大学院生のWebメモ
  • より見やすく、使いやすくなるsublime textテーマ8つ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    どうもですはやちです(ノ)◜ω◝(ヾ) 最近『龍が如く維新』にどっぷりはまっております。畑仕事と釣りと別宅のローン返済が楽しくて編のストーリーが進みません。 龍が如くシリーズは毎回寄り道してしまいます( ˘ω˘) どうでもいいですねc⌒っ´ʘ‿ʘ`)っ 今回はLIGのデザイナーチームで半数以上のメンバーが使用している『sublime text』がより見やすく、使いやすくなるデザインテーマをご紹介いたします。 テーマを変えてみよう まずテーマの変更方法をご紹介します。 テーマをインストールする Control + Shift + pで呼び出して Package Control: Install Packageを選びます( ˘ω˘)☝ そのあとにパッケージ一覧が表示されますのでthemeで絞り込み、お好みのものを選びましょう( ˘ω˘)☝ これでインストールは完了です。 テーマを反映させる。

    より見やすく、使いやすくなるsublime textテーマ8つ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • プログラミングやマークアップで特に役立つ、Sublime Textの標準機能 - Build Insider

    Expand Selection to WordでのTipsをいくつか紹介する。 例えば1つおきに編集したい場合などは、Ctrl(Win)/Command(Mac)+Kキーで選択がスキップできる(図2.1)。また、Ctrl(Win)/Command(Mac)+Dキーを入力しすぎて、想定よりも多く選択してしまった場合は、Ctrl(Win)/Command(Mac)+Uキーで、選択をUndoできる。ちなみに、Ctrl(Win)/Command(Mac)+Uキーは、Ctrl(Win)/Command(Mac)+ZキーではUndoできないものをサポートしているので、ここで解説している例だけでなく、例えば複数行選択で↓キーを押しすぎた場合などでも利用できる。 また、同じ文字列を一気に複数選択する場合は、Alt+F3キー(Win)/Ctrl+Command+Gキー(Mac)で行える。 Expand S

  • Sublime Text 3 の便利ショートカットキー | ジョブテク

    ファイルの操作 ファイル名を検索して開く Windows:Ctrl+P Mac:Cmd+P 表示された入力欄にファイル名の一部を入力すると検索結果が表示されるので選択して開きます。 使用言語の指定 Windows:Ctrl+Shift+P Mac:Cmd+Shift+P 表示された入力欄に使用する言語名の一部を入力すると検索結果に「Set Syntax」が表示されるので選択します。 使用言語を指定することで言語にあった色分けや入力補完を表示してくれます。 文字の大きさを変える Windows:Ctrl+Shift++、Ctrl+- Mac:Cmd+Shift++、Cmd+- カーソルの操作 複数のカーソルを配置する Windows:Ctrl+クリック Mac:Cmd+クリック クリック位置にカーソルを配置し一度に複数個所を編集することができます。 ※下図のように複数個所に同じclass名を

    Sublime Text 3 の便利ショートカットキー | ジョブテク
  • 1