JavaScriptを学ぶ私の潮流:チョーク&Readlinesync
5019 ワード
それで、あなたは私の最初のブログ柱についに着陸しました.ようこそ!🎉
このチュートリアルは初心者向けです.
いくつかの経験を持っている場合は、コードレビューをしているように、以下のコメントであなたの考えを置くようにこれを読んでください.
ビーストモード.
JSは驚くべきです、それはC++またはJavaのような構文です.これは、Web、デスクトップ、Android用のアプリを書くために使用することができます.私はそれが驚くべき言及?
ヒント242479142でプログラムを実行するために
コンソールに出力するには、次の手順に従います.
変数を出力します.
しかし、それは非常に黒と白です.
次のようになります.
我々は、カラーコンソール出力にそれを使用することができます.しかし最初にインストールする必要があります.ここでは、
テキストを下線にする
そして、ずっと.チョークのNPMのドキュメントを見てください.
私たちはコンソールに印刷する方法を知っています.何か私たちはいくつかのユーザー入力が必要ですか?
パッケージを含める
変数
配列は、インデックスを使用してアクセスできる変数のコレクションです.
歌ジャンルの単純なリスト:
インデックス番号は0から始まります.したがって、ここでインデックス番号として0、1、2、3があります.
今、一緒にすべてを入れて、曲を選択するプログラムを構築することができます.
必須パッケージを含める
ユーザ名を入力として取得します.
最良の方法を学び、情報を保持する誰かにそれを教えるか、それを文書化することです.私はシンプルで楽しくエキサイティングなこのポストを維持しようとしている.
だから、あなたの鍵を取得.セットする.とコード!
JavaScriptについてもっと投稿します.我々はまだ表面をひっかいていない.たくさん学ぶことがある!
ご提案や疑問の下にコメントしてください.私は質問に答えるために最善を尽くします.
このチュートリアルは初心者向けです.
いくつかの経験を持っている場合は、コードレビューをしているように、以下のコメントであなたの考えを置くようにこれを読んでください.
ビーストモード.
ジャバスクリプト
JSは驚くべきです、それはC++またはJavaのような構文です.これは、Web、デスクトップ、Android用のアプリを書くために使用することができます.私はそれが驚くべき言及?
repl.it
ランタイムでnode.js
を使用します.ヒント242479142でプログラムを実行するために
Ctrl + Enter
を使用します.コンソールへの印刷
コンソールに出力するには、次の手順に従います.
console.log("Hello world!");
出力:変数を出力します.
var x = 2020;
console.log("The year is: " + x);
出力:しかし、それは非常に黒と白です.
repl.it
というパッケージを使用して色でスタイルを整えます.whatsチョーク?
次のようになります.
Terminal string styling done right
我々は、カラーコンソール出力にそれを使用することができます.しかし最初にインストールする必要があります.ここでは、
chalk
大きな仕事です.必要なパッケージを自動的にインストールします.repl.it
パッケージを含めて起動します.const chalk = require('chalk');
さて、緑で印刷するには:console.log(chalk.green("Its green!"));
出力:テキストを下線にする
console.log(chalk.underline.blue("Its underlined and its blue!"));
出力:そして、ずっと.チョークのNPMのドキュメントを見てください.
ユーザ入力を受け入れる
私たちはコンソールに印刷する方法を知っています.何か私たちはいくつかのユーザー入力が必要ですか?
chalk
はそのためだけに作られたライブラリです.パッケージを含める
var readlineSync = require('readline-sync');
次のようにユーザー入力を取ることができます.var userName = readlineSync.question("Enter your name: ");
出力:変数
readlineSync
に入力を得た.色で印刷することができます!console.log("Welcome " + chalk.yellowBright(userName) + "!");
出力:アレイ
配列は、インデックスを使用してアクセスできる変数のコレクションです.
歌ジャンルの単純なリスト:
var songGenres = ["Blues", "RnB", "Pop", "Rock"];
第1および第3のジャンルを印刷します//first genre
console.log(songGenres[0]);
//third genre
console.log(songGenres[2]);
出力:インデックス番号は0から始まります.したがって、ここでインデックス番号として0、1、2、3があります.
今、一緒にすべてを入れて、曲を選択するプログラムを構築することができます.
必須パッケージを含める
var readlineSync = require('readline-sync');
const chalk = require('chalk');
リストとして曲を保存する配列を定義します.var songs = ["Skyfall", "Beautiful times", "Bailando", "Grenade"];
これらは途中で私のお気に入りです.ユーザ名を入力として取得します.
var userName = readlineSync.question("Whats your name? ");
現在、userName
と呼ばれるreadlineSync's
のメソッドを使用して、リストから曲を選択します.var favSong = readlineSync.keyInSelect(songs, "Choose a song:");
console.log(chalk.red("You chose " + songs[favSong] + "!"));
console.log(chalk.green("The tutorial is over. Enjoy the song!"));
出力:今のすべてのthats
最良の方法を学び、情報を保持する誰かにそれを教えるか、それを文書化することです.私はシンプルで楽しくエキサイティングなこのポストを維持しようとしている.
だから、あなたの鍵を取得.セットする.とコード!
JavaScriptについてもっと投稿します.我々はまだ表面をひっかいていない.たくさん学ぶことがある!
ご提案や疑問の下にコメントしてください.私は質問に答えるために最善を尽くします.
keyInSelect
👍🤘Reference
この問題について(JavaScriptを学ぶ私の潮流:チョーク&Readlinesync), 我々は、より多くの情報をここで見つけました https://dev.to/kushanksriraj/my-tidbits-of-learning-javascript-chalk-readlinesync-76pテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol