天天看點

vue-cli使用

1.全局安裝vue-cli

cnpm i vue-cli -g

vue-cli使用

2.監測安裝版本

vue -V

 V : version

3.指定目錄下建立項目

vue init webpack [項目名]

vue-cli使用
vue-cli使用

按自己的意願配置、選擇對應資訊。最後配置完成檢查package.json是否如此

vue-cli使用

4.進入到項目

cd demo

vue-cli使用

5.安裝全部依賴(或者在init是選擇自動安裝)

cnpm i

6.安裝你需要但是預設沒被安裝的(比如axios)

cnpm i --S vuex axios

vue-cli使用

(上圖忘了cd到對應目錄,自己安裝一定要先cd到對應目錄,不然在檔案夾同級又多建一個package.json和node_modules)

vue-cli使用

備注: --S 大寫,将安裝到dependencies内

vue-cli使用

6.安裝成功執行運作

cnpm run dev

vue-cli使用

這裡,預設配置的端口為8080(後期可以自己改),現在可以在浏覽器打開http://localhost:8080,如下圖說明成功

vue-cli使用

繼續閱讀