溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue-cli安裝使用流程步驟詳解

發(fā)布時間:2020-09-07 06:24:51 來源:腳本之家 閱讀:124 作者:xing.org1^ 欄目:web開發(fā)

1.全局安裝vue-cli

cnpm i vue-cli -g

vue-cli安裝使用流程步驟詳解

2.監(jiān)測安裝版本

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.安裝成功執(zhí)行運行

cnpm run dev

vue-cli安裝使用流程步驟詳解

這里,默認配置的端口為8080(后期可以自己改),現(xiàn)在可以在瀏覽器打開http://localhost:8080,如下圖說明成功

vue-cli安裝使用流程步驟詳解

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI