ubuntuでvueフレームワークを構成して実行します(IDEAに基づく)

1.構成環境

1.nodejsをインストールします

sudo apt install nodejs

ここに写真の説明を挿入

テスト

nodejs -v

ここに写真の説明を挿入

2.npmをインストールします

sudo apt install npm

ここに写真の説明を挿入

テスト

npm -v

ここに写真の説明を挿入

3.cnpmをインストールします

sudo npm install -g cnpm

ここに写真の説明を挿入

遅い場合は、次のTaobaoソースを使用してインストールしてください

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

テスト

cnpm -v

ここに写真の説明を挿入

2.フレームワークを構築します

1.vueをインストールします

sudo cnpm install -g vue-cli

ここに写真の説明を挿入

テスト

vue -V

ここに写真の説明を挿入

2.新しいプロジェクト

sudo vue init webpack vue-demo2

ここに写真の説明を挿入

新しく作成したプロジェクトフォルダに入り、依存関係をインストールします

cd vue-demo2
sudo cnpm install

ここに写真の説明を挿入

実行

sudo npm run dev

ここに写真の説明を挿入

ブラウザはlocalhost:8080を検索します

ここに写真の説明を挿入

3.他の人のビューシェルフを実行します

1. githubクローンを入手し、それらのほとんどにインストールのチュートリアルと手順があります
ここに写真の説明を挿入
。2。このターミナルであるIDEAでコマンドラインを直接開きます。上記の操作に従って、依存関係をインストールします。

npm install  

エラーが報告されて操作を続行できない場合は、cnpm3を試してください
。実行

npm run serve

ここに写真の説明を挿入

ここに写真の説明を挿入

4.IDEAのvueプラグイン

ファイル設定-プラグインはvueを検索して直接インストールし、アイデアを再起動すると、vueサフィックスファイルを認識できます
ここに写真の説明を挿入
ここに写真の説明を挿入

おすすめ

転載: blog.csdn.net/qq_41170600/article/details/108643770