vue npm/cnpm installまたはnpm run devエラー解決構想の一つ


本編では,vue開発を用いたnpm/cnpm installまたはnpm run devエラー解決の考え方の一つについて述べる.今日は新人が来て、npm installの時に間違えて、cnpm installの時も間違えて、やっと両者とも間違いなく、npm run devが起動した時にまた間違えました.その後、彼が公式サイトから与えられた手順に従って正しくインストールされていないことが分かった.
一、タイプ一:初期化インストール、追加コードなし
$ npm install --global vue-cli
#    vue         

$ vue init webpack
#      ,            title   

$ npm run dev

二、タイプ二:既存のコードに基づいて、依存パッケージをインストールし、開発中または開発済みのプロジェクトを実行する
ノーマルオペレーション
$ npm install

#$      (        ,      。       ,     。)

$ npm run dev

例外アクション:
######ポート番号を変更しても正常に起動できない場合は、次のソリューションを試してみてください.####(1)公式サイトのインストール手順(nodeベース)

#      vue-cli
$ npm install --global vue-cli
#        webpack       
$ vue init webpack my-project
#     ,  
$ cd my-project
$ npm install
$ npm run dev

#####(2)正しく理解する
シナリオ1:
  • は、まず、vue−cli npm install --global vue-cliをグローバルにインストールする必要がある.実行に成功したら、vueを入力してインストールに成功したかどうかを確認します.
  • SVNまたは他のバージョンライブラリからプロジェクトコード
  • を更新
  • winは直接あなたのコードのフォルダにいて、右クリックでcmdを起動して、(Mac起動端末)、実行命令vue init webpackはずっと車に戻ってインストールします.ここで、中間のストップ入力はtitleの値である.
  • 取付カードnpm install / cnpm install
  • npm/cnpm run dev起動
  • 起動に成功すればokですが、現在起動に成功しているのはvue initが持っているプロジェクトだけで、この時、あなたは除く必要があります.svn+node_modulesフォルダ外のすべてのファイル/クリップを削除します.
  • 最後にコードを更新し、再びnpm/cnpm run devを起動すればいいです.

  • シナリオ2:
    つまり , , , , npm install 。リマインダnpm install --global vue-cliの成功は重要です.MACにvue-cliエラーがインストールされている場合は、Mac npm install-g vue-cliエラー解決(ここをクリックしてアクセス)を参照してください.
    最後に、これは解決策の一つにすぎない.