首頁 > web前端 > Vue.js > vuejs開發如何啟動專案

vuejs開發如何啟動專案

青灯夜游
發布: 2023-01-13 00:45:33
原創
9078 人瀏覽過

vuejs啟動專案的方法:1、安裝node.js;2、安裝「@vue/cli」;3、使用「vue create 專案名稱」指令建立一個專案;4、使用cd指令進入vue專案目錄中;5、執行「npm run serve」指令啟動專案。

vuejs開發如何啟動專案

本教學操作環境:windows7系統、vue2.9.6版,DELL G3電腦。

前提條件:安裝node.js

啟動vue專案

  • 如果想要啟動vue項目,有兩種方式,第一種使用@vue/cli,第二種使用webpack從零開始搭建Vue專案;如果你是新手的話,建議你使用@vue/cli這個工具,cli是封裝了webnpack的loader與plugin,能夠使你快速啟動vue專案;我以下就是使用的@vue/cli;
  • 進入官網https://cli.vuejs.org/zh/
  • 安裝@vue /cli npm install -g @vue/cli
  • 檢視@vue/cli版本號碼vue --version
  • vue create hello-world建立一個專案

vuejs開發如何啟動專案

選擇手動選擇

vuejs開發如何啟動專案

##選擇babel ,css pre-processors,linter,unit testing,選擇後按回車


vuejs開發如何啟動專案

vuejs開發如何啟動專案

vuejs開發如何啟動專案

vuejs開發如何啟動專案

vuejs開發如何啟動專案

vuejs開發如何啟動專案

vuejs開發如何啟動專案

vuejs開發如何啟動專案

1vuejs開發如何啟動專案

#################################################################################### ###cd hello-world $ npm run serve### 輸入此指令######################開啟http://localhost:8080/  出現下列頁面,說明建立並啟動專案成功##################相關推薦:《###vue.js教學###》###

以上是vuejs開發如何啟動專案的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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