VUE安裝步驟


項目構建

項目推薦直接使用 Vue 官方提供的腳手架(Vue-cli),所以第一步首先是安裝腳手架。在命令行或者 IDE 的 Terminal 窗口中輸入以下命令即可自動安裝:

npm install -g vue-cli

 

這個是全局安裝 vue-cli ,以后就不需要再裝了。裝好之后就可以開始創建應用了。

創建應用

還是在命令行里面,進入想要創建應用的目錄,然后輸入:

vue init webpack app

這里面的 webpack 是一個構建和打包應用的工具,具體的我也不是很清楚,想了解的可以看這里,最后的 app 是你要創建的應用的名字,可以換成你需要的名字,回車之后等下之后會提示 downloading template ,等它完成后有幾個初始化的選項需要你選擇:

  • 首先會詢問項目名,描述,作者三項,直接回車即可
  • 接着有一個 vue build 選項,直接回車即可
  • 然后會問你要不要安裝 vue-router,選 y/n 都行,n 的話以后要用的話需要再裝,但是肯定是要用的,,,所以推薦選 y
  • 最后是語法檢查,單元測試,項目測試三項直接輸入 n 就行

選完之后會提示你怎么 To Get Start,照着提示把三條命令都輸一遍就行了。

這里寫圖片描述

npm install 命令回車之后會自動生成項目結構和安裝各種依賴文件,等着就行,完成之后輸入 npm run dev 回車,提示服務正在啟動,稍等下完成后就會自動在瀏覽器打開初始頁面。

這里寫圖片描述

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM