個人デモの作成方法
1:環境の準備
Node.jsをインストールする
Node公式サイト:https://nodejs.org/zh-cn/
インストールが完了したら、バージョンを確認します。cmdコマンド ウィンドウ
を開き、 node -vを使用してバージョン番号を確認します。バージョン番号が表示されれば、インストールは成功です。
node -v
npm -v
安装淘宝镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm を使用する理由?
この 2 つは、node の異なるパッケージ マネージャーです。npm は、node の公式パッケージ マネージャーであり、cnpm は、npm の中国語版です。これは、淘宝網によってカスタマイズされた cnpm (gzip 圧縮サポート) コマンド ライン ツールであり、デフォルトの npm
。cnpm の方が高速であることを理解する
2: プロジェクトコンテナとしてフォルダーを作成する
1: フォルダーを作成します
2: フォルダーに入り、右クリックしてコマンド ラインを開きます
3: ターミナルにコマンドを入力して、独自の vue プロジェクトの作成を開始します
vue create + カスタム プロジェクト名
vue create demo
4: 構成情報を選択し、上下の矢印キーを使用して [OK] を選択し、Enter キーを押して次のステップに進みます。
5: インストールを待ちます。
6: インストールは成功しました
3: インストールが成功したら、エディタでファイルを開きます
npm run serve
プロジェクトのコマンドを実行するためのプロンプトに注意してください
方法npm run serve
またはnpm run dev
?
エディターを開き、プロジェクト ファイルの場所を見つけて、「ファイル
で表示」を開きます。package.json
4: プロジェクトを実行する
1:作成したフォルダーのディレクトリに移動し、それを使用してnpm run serve
実行し
ます。 2: ブラウザーで開きます。 マウスの左ボタンを
使用してクリックして開きます。 3: 効果の表示:ctrl
http://localhost:8080/
- 初期化プロジェクトの各ファイルとフォルダーの説明