Node.js+Vue足場環境構築の方法手順


Node.jsのダウンロード
nodeダウンロードアドレス:https://nodejs.org/zh-cn/download/
ダウンロードしてインストールすればいいです。新版のNode.jsはnpm包装管理器を持っています。

#   node   
node -v
# v12.16.1
#   npm  
npm -v
#6.13.4
最初のノード.jsプログラムは、hellowworld.jsファイルを新規作成しました。内容は以下の通りです。

console.log("Hello World")
console.log("   Node.js  !")
端末に入るnode helloworld.js注意:
nodeのインストールパスはデフォルト/usr/local/bin/nodeです。
npmパスは/usr/local/bin/npmです。
Vue CLI足場を構築する
Vue CLIはVue.jsに基づいて高速開発を行う完全システムです。
Vue CLIのパケット名はvue-cliから@vue/cliに変更されました。古いバージョンのvue-cli(1.xまたは2.x)が大域的にインストールされている場合は、npm uninstall vue-cli -gまたはyarn global remove vue-cliを介して、それをアンインストールする必要があります。
Vue CLIはNode.js 8.9またはより高いバージョンが必要です(おすすめ8.11.0+
淘宝のイメージを設定します

npm config set registry https://registry.npm.taobao.org

#         
npm get registry
インストール

# -g      
sudo npm install -g @vue/cli
#   
sudo yarn global add @vue/cli
インストールが完了したら、端末でvueコマンドにアクセスできます。

vue -V
グローバルプラグインをインストールします。詳細は公式サイトを参照してください。

sudo npm install -g @vue/cli-service-global

#       
+ @vue/[email protected]
added 1216 packages from 866 contributors in 83.013s
最初のアプリケーションを作成

#              (    )
vue ui

-> (デフォルト選択)->

ブラウザに住所を入力します。

出会うかもしれない穴
1.入力npm install -g @vue/cli後、このインターフェースに留まります。

解決:
設定淘宝鏡像:npm config set registryhttps://registry.npm.taobao.org
2.提示権限が足りない!

npmコマンドを追加する前にsudoを追加します。sudo npm install -g @vue/cliのように。
ここで、Node.js+Vue足場の環境構築の方法手順についての記事を紹介します。もっと関連しているNode.js Vue足場の構築内容を紹介します。私達の以前の文章を検索したり、下記の関連記事を見たりしてください。これからもよろしくお願いします。