Node.js+Vue足場環境構築の方法手順
Node.jsのダウンロード
nodeダウンロードアドレス:https://nodejs.org/zh-cn/download/
ダウンロードしてインストールすればいいです。新版のNode.jsはnpm包装管理器を持っています。
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)が大域的にインストールされている場合は、
Vue CLIは
淘宝のイメージを設定します
ブラウザに住所を入力します。
出会うかもしれない穴
1.入力
解決:
設定淘宝鏡像:npm config set registryhttps://registry.npm.taobao.org
2.提示権限が足りない!
npmコマンドを追加する前に
ここで、Node.js+Vue足場の環境構築の方法手順についての記事を紹介します。もっと関連しているNode.js Vue足場の構築内容を紹介します。私達の以前の文章を検索したり、下記の関連記事を見たりしてください。これからもよろしくお願いします。
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足場の構築内容を紹介します。私達の以前の文章を検索したり、下記の関連記事を見たりしてください。これからもよろしくお願いします。