vue工具 - vue-cli安裝使用流程

1.全局安裝vue-cli

cnpm i vue-cli -g

2.監測安裝版本

vue -V

 大寫V : version

3.指定目錄下新建項目

vue init webpack [項目名]

按本身的意願配置、選擇對應信息。最後配置完成檢查package.json是否如此

 

4.進入到項目

cd demo

5.安裝所有依賴（或者在init是選擇自動安裝）

cnpm i

6.安裝你須要可是默認沒被安裝的（好比axios）

cnpm i --S vuex axios

（上圖忘了cd到對應目錄，本身安裝必定要先cd到對應目錄，否則在文件夾同級又多建一個package.json和node_modules）

備註： --S 大寫，將安裝到dependencies內

6.安裝成功執行運行

cnpm run dev

這裏，默認配置的端口爲8080（後期能夠本身改），如今能夠在瀏覽器打開http://localhost:8080，以下圖說明成功