Vue#01の起動-開発環境の構成


Node.js


JavaScriptは、インターネットブラウザ(ChromeFireFoxなど)に内蔵されたエンジンによって実行されます.現在最も人気のあるエンジンはChromeのV 8エンジンで、ブラウザなしでウィンドウ、Mac、Linuxなど多くの環境で実行できます.

設定


ホームページからLTSバージョンをダウンロードすればいいです.

通常、最新バージョンではなく信頼性の高いLTSバージョンが使用されます.
ダウンロード後、端末またはコマンドプロンプトでNode.jsコマンドを入力し、node -vnodeが正常であれば、インストールに成功します.

インストールIDE


VSCode

versionの開発でVscodeを使用しています.そこで、本稿ではVscodeを用いて説明する.
VscodeはVisual Studioコードの略で、マイクロソフト社のAtomベースのIDEです.
(一年生、二年生になってから初めて接するMSのIDE…)
ホームページからダウンロードできます.

拡張プログラムのインストール


拡張プログラムをインストールしない場合、VscodeはVue.jsにすぎません.
必須の拡張子
Vetur : Vue.js開発ツール
vue : Vue.js構文チェックツール
Vue Vscode Snippets:Vue構文自動補完ツール

プロジェクトの作成


今僕らはノードjsをインストールし、Vscodeと拡張プログラムもインストールしました.
Vue.jsプロジェクトを作成できるようになりました.
まず、プロジェクトを実行するディレクトリに移動します.
lee@MacBookPro % cd /Users/lee/Desktop/program/Study/vue-project
移動後、コマンドを使用して初期化します.
lee@MacBookPro % npm init
その後、Text Editorファイルが生成されたときに必要な情報が受信されていることを確認してください.
私たちはdefaultに設定して行いましょうこのため、すべての問題にエンティティを入力すると、ディレクトリにpackage.jsonファイルが作成されていることがわかります.

の最後の部分


これにより、package.jsonプロジェクトの作成と初期化が完了しました.
最初はVue.jsで、私たちのプロジェクトの進度は50%です.
次に、基本チュートリアルを行います.
皆さんお疲れ様でした!🤗