鏈接地址: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