天天看點

【學習筆記】vue單頁應用基本環境搭建

安裝node

本身裝了就不貼了,上網大把

安裝vue-cli

npm install -g vue-cli

項目初始化

建立項目目錄,在裡面cmd(這裡用的git指令闆,不過也一樣)

紅色箭頭處選 n

【學習筆記】vue單頁應用基本環境搭建

進入到剛剛webpack幫你建立的項目檔案夾裡

【學習筆記】vue單頁應用基本環境搭建

安裝node_module(應該是一個本地的伺服器環境)

【學習筆記】vue單頁應用基本環境搭建

運作

【學習筆記】vue單頁應用基本環境搭建

然後後面傳回的url就可以看到頁面效果了。

這裡要注意,

如果是兩個vue的項目沖突會自動改端口。

如果你本身安裝了一個本地伺服器環境,比如phpstudy或者wamp、IIS等,會沖突,通路出來的會是原來本地環境的檔案,

這個時候要改端口

打開config—>index.js,改紅線處

【學習筆記】vue單頁應用基本環境搭建

然後通路一下

【學習筆記】vue單頁應用基本環境搭建

成功了

參考:https://www.jianshu.com/p/02b12c600c7b

繼續閱讀