首頁  >  文章  >  web前端  >  怎麼用npm安裝vue

怎麼用npm安裝vue

藏色散人
藏色散人原創
2020-11-13 11:40:367610瀏覽

用npm安裝vue的方法:先下載node.js;然後透過指令安裝淘寶鏡像npm;接著透過指令「npm install -g @vue/cli」安裝Vue;最後建立vue專案即可。

怎麼用npm安裝vue

推薦:《vue.js教學

一、下載node.js

官方下載網址:https://nodejs.org/en/download/

選擇對應版本安裝

#下載完成後一路next安裝完成。

一般環境變數會自動加入,開啟命令列測試是否安裝成功

#二、安裝cnpm

## 使用下面指令安裝淘寶鏡像npm

npm install -g cnpm --registry=https://registry.npm.taobao.org
等待安裝完成後,使用npm -v指令測試是否安裝成功。

三、安裝Vue

 全域安裝Vue CLI 3.X版本

npm install -g @vue/cli
等待安裝安成後,使用vue -V查看版本號,使用vue --help指令取得協助。

四、建立專案

 新目錄,進入到目前工作環境。

vue create [project-name]
 

功能能選擇:使用空格進行勾選,以回車結束。

 細節的設定:

 

#專案建立完成後,會顯示啟動方法。

啟動專案

cd [project目录]
npm run serve

#在網頁顯示出頁面,至此vue專案已建立成功。

以上是怎麼用npm安裝vue的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn