Node.jsのを構築するVUEプロジェクト

まず、Node.jsのインストール

インストールパッケージをダウンロードしてください1.

https://nodejs.org/en/download/、対応するシステムのバージョンを選択し、デフォルトのインストール

PS:この記事のx64システムは、Windowsノード-v12.14.1-x64.msiのバージョンをインストール

インストールが成功したかどうかを確認するために2. CMDウィンドウ

ビューは、バージョンノードが-vインストール
(バージョンは今すぐインストールする必要はありませんので、NPMに統合されてnodejs)バージョンNPM NPM -vを見ます
ここに画像を挿入説明

cnpmをインストール3。

npm install -g cnpm --registry=https://registry.npm.taobao.org

ここに画像を挿入説明

第二に、ビルドにプロジェクトVUE

1.足場取り付けVUEのVUE-CLI

#安装
cnpm install -g vue-cli
#安装完成后查看vue版本(注意命令中是大写的V)
vue -V 

2.初期化VUEプロジェクト

#cd 到创建的目录下面
cd C:\Users\Administrator
#执行创建
vue init webpack my-project

#には、次の図を選択するためのプロンプトが従って
ここに画像を挿入説明
説明しました:

          Project name 项目名称
      Project description 项目名描述
      Author 作者邮箱
          Vue项目构建:运行+编译还是仅运行
          是否安装vue-router?
      Use ESLint to lint your code? 是否需要ESlist语法检查
      Setup unit tests? 是否需要单元测试
      Setup e2e tests with Nightwatch? 是否需要e2e测试
          是否在项目创建成功后自动执行“npm install”安装依赖

3.プロジェクトを実行

コマンドを実行します。

npm run dev

:次のように与えられた
ここに画像を挿入説明
解決策:プロジェクトディレクトリにcdし、cnpmはその依存関係をインストールインストールの実行
ここに画像を挿入説明

4.プロジェクトを実行し、再び、ブラウザの訪問のhttp:// localhostを:8080は、VUEページが正常に作成されて登場

ここに画像を挿入説明

公開された20元の記事 ウォン称賛32 ビュー5562

おすすめ

転載: blog.csdn.net/shuai8624/article/details/104068611