MacでのVueプロジェクトのインストールと構成

問題記:vueを勉強してしばらく経ちましたが、今日は毎日勉強のノートを書くことにしました.1.nodeにアクセスする.js公式サイト:https://nodejs.org/en/対応するインストールパッケージをダウンロードします.2.インストール完了、端末で入力:

node -v

 
バージョン番号を返すと、インストールに成功しました.インストール前にディレクトリ権限を与えることをお勧めします.ディレクトリ権限を与える方法については、ここでは説明しません.ネット上には多くの資料があります.3.宝を洗うミラーをインストールする理由については、npmの海外サイトへのアクセスを阻むテントがあるため、宝を洗うミラーをインストールする必要があります.好奇心の強い友達は試してみることができて、運が悪いのは長い、長い、一晩の時間があるかもしれません.私にどうして知っているのか聞かないでください.くだらないことは言わないで、端末に入力します.

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

 
インストール完了入力:

npm -v

 
バージョン番号を確認し、インストールが完了したことを示します.再送信されたことはありません.4.webpackをインストールした後、私たちはwebpackと長い間付き合って、プロジェクトを作成して使います.端末に入力:

cnpm install webpack -g

 
5.vue足場を取り付けるこのツールはvueプロジェクトのフレームワークを自動的に構築するツールで、まだ使いやすいので、この1軒だけを選ぶ必要はありません.端末入力:

sudo npm install -g vue-cli

 
6.しばらく待って、「福建如你」の歌を聴くことができます.この歌はいいですね.趙照のです.咳咳、また問題を走って、インストールが完成した後、端末で入力します:

vue list

 
詳細を表示して、次のように成功を表します.いいえ、やり直します.
最初のvueプロジェクトの作成
1.Macでフォルダを作成し、名前を自分で作成し、端末でディレクトリを開くか、vscodeで開くか、端末で入力:

sudo vue init webpack vue_project

 
インストールが完了するまで座ってください.2.インストールが成功したら、端末でプロジェクトルートディレクトリに切り替える

cd vue_peoject

 
3.インストール項目依存、端末に入力:

sudo npm install

 
4.インストール依存が完了したら、プロジェクトを起動し、端末またはvscode端末で入力する:

npm run dev

 
5.アクセスhttp://localhsot:8080ああ、vueプロジェクトの余談を開いて、ここを見て、vueプロジェクトは正常に運行できると信じています.皆さんも気づいていますが、私は基本的にsudoを使います.なぜですか.Macと烏班図の下で、ファイル権限はとても頭が痛くて、この命令をつけないで、いろいろな不思議な問題が発生して、面倒を減らすために、もちろん、私は怠け者で、いっそすべて加えて、万全を確保します.
転載先:https://www.cnblogs.com/c546170667/p/11273209.html