Sass レクチャー 1_html/css_WEB-ITnose
今日からsassを始めました。日々学んだこと、遭遇した問題、解決策をブログに投稿します。学びたい友人は、寄り道を避けるためにそれを参考にしてください。
ステップ 1: Ruby をインストールして実行します
Sass は Ruby 環境に依存するため、Sass をインストールする前に Ruby がインストールされていることを確認してください。パイオニア公式 Web サイトから Ruby をダウンロードします
インストールする際、[Ruby 実行可能ファイルを PATH に追加する] オプションにチェックを入れて環境変数を追加してください。そうしないと、今後コンパイル ソフトウェアを使用するときに、Ruby の実行可能ファイルを追加するというメッセージが表示されます。環境が見つかりません
Rubyをインストールした後、スタートメニューで、インストールしたばかりのRubyを見つけて、Rubyでコマンドプロンプトを起動します
次に、コマンドラインに直接gem install sassと入力して押しますを入力して確認します。しばらく待つと、sass のインストールが成功するように求められます。最近、壁が強いため、うまくインストールできなかった場合は、以下の淘宝 RubyGems イメージを参照して、sass をインストールしてください。成功した場合は、無視してください。
sass バージョンのコマンド動作をアップグレードする
gem update sass
sass バージョンのコマンド動作を表示する
sass -v
ヘルプコマンドラインを実行して必要なコマンドを表示することもできます
sass - h
タオバオ RubyGems ミラー インストール sass
国内ネットワークの理由 (ご存知のとおり) により、rubygems.org によって Amazon S3 に保存されたリソース ファイルが断続的に接続できませんでした。現時点では、gemsources コマンドを使用してソースを構成できます。まずデフォルトの https://rubygems.org ソースを削除し、次に Taobao ソース https://ruby.taabao.org/ を追加して、現在使用されているソースを確認します。これは、淘宝網からの場合は、sass インストール コマンド gem install sass を入力できることを意味します
ソースを削除するコマンドは次のとおりです:gemsources -r url address
を追加するコマンドソースは:
gemsources -a URL アドレス
現在のソースを表示するコマンドは次のとおりです:
gemsources
---------------------- --------以下のコマンドを再現 Ruby学習メモ---------------------- --------------
gem -v #gem version
gemsource #gem resource
gemsources -a url |gemsources -r url #gem設定ソースの追加または削除
gem update #すべてのパッケージを更新します
gem update --system # RubyGems ソフトウェアを更新します
gem install rake #ローカルまたはリモートサーバーから rake をインストールします
gem install rake --remote #リモートサーバーから rake をインストールします
gem install watir -v (または --version) 1.6.2#インストールされているバージョンを指定します
gem uninstall rake #rake パッケージをアンインストールします
gem list d #d で始まるローカルパッケージをリストします
gem query -n ''[0-9] '' --local #番号を含むローカル パッケージを検索します パッケージ
gem search log --both #ローカル サーバーとリモート サーバーからログ文字列を含むパッケージを検索します
gem search log --remoter #リモートからのログ文字列を含むパッケージのみを検索しますservers
gem search -r log #リモートサーバーからのログ文字列を含むパッケージのみを検索
gem help #リマインダーヘルプ
gem help install #インストールコマンドヘルプのリスト
gem help Example #gemコマンドの例のリスト使用法
gem build rake.gemspec #rake.gemspec を rake.gem にコンパイルします
gem check -v pkg/rake-0.4.0.gem #rake が有効かどうかを確認します
gem cleanup #すべてのパッケージの古いバージョンをクリアし、最新バージョンを維持します
gem の内容 rake #rake パッケージに含まれるファイルを表示します
gem 依存関係 Rail -v 0.10.1 #rails に依存するパッケージを一覧表示します
gem 環境 #gem 環境を表示します
--- ----- -------------------------------------- ----- ------------------------

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

この記事では、html5< time>について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。
