1. 公式サイトからNodeをインストールします(左が長期サポート版、右が現行リリース版)
インストールが成功したかどうかを確認する
cmd->node -v を開いてノードのバージョンを表示します
ノードには npm (パッケージ マネージャー) が含まれています。バージョンを確認してください
2. Taobao イメージをインストールします。 npm install -g cnpm -- registry=https://registry.npm.taabao.org
インストールが成功したかどうかを確認する
3.vue环境 cnpm i -g vue @vue/cli
ダウンロードが成功する前に、35 個のタスクがすべて完了していることを確認してください。完了していない場合は、コマンドを再度入力して実行してください。
4. cmd で vue プロジェクトを作成し、関連する設定を行います。
選択するときは Enter キーを押さず、「スペース」を使用し、選択が終了したら Enter キーを押します。
作成は成功しました。VSCode を開き、作成した todolist フォルダーをタスクバーにインポートし、ターミナルでプロジェクト npm runserve を開始します。デフォルトではポート 8080 が開きます。
5. vue プロジェクトを理解する
node_modules: さまざまな依存関係を保存します
public
favicon.ico: vue アイコン
Index.html: 最終的な要約ファイル
src
アセット: 静的リソースを保存しますコンポーネント:
一般的なコンポーネントを保存
します ルーター: ルーティングを構成します ストア:
状態管理を構成します
ビュー: ルーティング コンポーネントを配置します
App.vue: 以下に従いますコンポーネント
main.js: エントリ js
file.browerslistrc: ブラウザーのバージョンを管理します。gitignore
: git 構成ファイルをアップロードします
babel.comfig.js: babel を構成します
package-lock.json: すべてのパッケージの固有情報
package.json: プロジェクトを含むパッケージ管理ファイル名前、プロジェクトのバージョン、プライベートかどうか、起動スクリプト、インストールされている依存関係
README.md: プロジェクトの概要