vue安裝教程(遇到的坑詳解)

2021-08-20 03:54:32 字數 976 閱讀 8884

1.安裝node.js(菜鳥教程:  node官網:

2.基於node.js,利用**npm映象安裝相關依賴

在cmd裡直接輸入:npm install -g cnpm –registry=回車,等待安裝...(windows使用管理員身份進行安裝,若安裝不了,可先輸入:npm install再輸入:npm install -g cnpm –registry=

; 若不在c盤安裝,必須配置環境變數,才可繼續)

3.安裝全域性vue-cli腳手架,用於幫助搭建所需的模板框架

在cmd裡 1)輸入:cnpm install -g vue-cli,回車,等待安裝...

2).輸入:vue,回車,若出現vue資訊說明表示成功

4.建立專案

在cmd裡輸入:vue init webpack vue_test(專案資料夾名),回車,等待一小會兒,依次出現『git』下的項,可按下圖操作

5.安裝依賴

在cmd裡  1).輸入:cd vue_test(專案名),回車,進入到具體專案資料夾

2).輸入:npm install,回車,等待一小會兒

回到專案資料夾,會發現專案結構裡,多了乙個node_modules資料夾(該檔案裡的內容就是之前安裝的依賴)

基於腳手架建立的預設專案結構如下圖所示:

6.測試環境是否搭建成功

方法1:在cmd裡輸入:npm run dev

方法2:在瀏覽裡輸入:localhost:8080(預設埠為8080)

執行起來後的效果如下圖所示:

vue 安裝教程(自己安裝過程及遇到的一些坑)

1.安裝node.js 2.基於node.js,利用 npm映象安裝相關依賴 在cmd裡直接輸入 npm install g cnpm registry 回車,等待安裝.windows使用管理員身份進行安裝 3.安裝全域性vue cli腳手架,用於幫助搭建所需的模板框架 在cmd裡 1 輸入 cnp...

vue安裝教程(自己安裝過程及遇到的一些坑)

1.安裝node.js 2.基於node.js,利用 npm映象安裝相關依賴 在cmd裡直接輸入 npm install g cnpm registry 回車,等待安裝.windows使用管理員身份進行安裝 3.安裝全域性vue cli腳手架,用於幫助搭建所需的模板框架 在cmd裡 1 輸入 cnp...

vue中遇到的坑

1 乙個是eventhub的坑 重複監聽的問題 解決方案監聽之前先off掉 2 路由的坑 不加replace會兩個頁面來回跳,無法正常的返回父級頁面。3 vuejs對data中陣列的原生方法進行了封裝,所以在改變陣列時能夠觸發檢視更新,但是以下兩種情況是無法觸發檢視的更新的 1 通過索引直接修改陣列...