搭建vue項目並啟動vue項目


鏈接地址:https://blog.csdn.net/aa792978017/article/details/82939483

 

Vue.js是現在比較優秀的Web前端框架,下面開始從零開始搭建一個Vue項目。流程如下:

一、安裝node.js
  1.進入node.js官網下載相應安裝包:https://nodejs.org/en/

 

安裝過程沒有什么要注意的地方,直接安裝到自己想安裝到的目錄里面就可以了

  2.安裝完成以后,打開命令行,輸入node -v  來判斷是否安裝成功

 

  3.在安裝node的時候,npm包管理器會自動安裝,我們在命令輸出 npm -v 看看是否安裝成功

 

4.安裝vue-cli腳手架:

 

二、npm包管理器和vue-cli腳手架來搭建
  1.在D盤先新建一個文件夾用來存放將要新建的項目文件,這里命名為:vue-demo

 

2.打開命令行工具,然后跟着輸入,進入項目目錄vue-demo文件

 

  3.接着輸入:vue init webpack  然后出現以下后,輸入   y(確認在當前目錄下建了vue項目)

  

  4.按圖片繼續輸入命令

  

  接着就會自動進行安裝

  5.安裝結束后,我們進入項目目錄

  

  6.輸入 npm install  安裝項目所需要的依賴包,因為npm是去國外網站下載包,所以網絡不好的話下載會比較慢

  

  7.輸入npm run dev,啟動項目

 

  8.接着會出現這個

 

項目就啟動成功了

我們復制上面的網址,打開瀏覽器訪問一下

 

這樣,一個vue項目就搭建成功了,接下來我們看看通過vue-cli安裝的vue項目文件目錄:

 

希望這篇博客對大家有所幫助。

我會在下一篇博客里面跟大家講講如何用現在比較流行的前端IDE--WebStrom來簡單編寫這個Vue項目,感興趣可以也看看。
————————————————
版權聲明:本文為CSDN博主「一心憧憬」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/aa792978017/article/details/82939483


免責聲明!

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



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