首頁 > web前端 > Vue.js > 怎麼用npm安裝vue

怎麼用npm安裝vue

藏色散人
發布: 2020-11-13 11:41:07
原創
7647 人瀏覽過

用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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板