vue環境搭建

2021-07-31 03:27:51 字數 777 閱讀 4818

1.安裝node.js

(2.vue環境搭建要依賴node,借助於node裡的npm包管理來安裝需要的依賴等。基於node.js,利用**npm映象安裝相關依賴

輸入:npm install -g cnpm -registry=

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

1)輸入:cnpm install -g vue-cli,回車,等待安裝…

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

4.建立專案

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

5.安裝依賴

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

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

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

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

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

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

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

Vue環境搭建

第一步 開啟命令列,輸入 node v檢視版本號,如果顯示版本號則安裝成功。第二步,安裝 映象。第三步 安裝vue命令列工具 vue cli 在輸入 映象後輸入 全域性安裝 vue cli 前邊安裝了cnpm。可以用cnpm安裝vue cli了 cnpm install global vue cli...

Vue 環境搭建

2.安裝vue npm install vue g 現在一般安裝node之後會自動安裝npm包管理器,g表示全域性安裝,不帶 g會在當前cmd當前所在目錄新建node modules,並將vue安裝到此資料夾下 3.安裝webpack npm install webpack g cmd命令列輸入we...

Vue環境搭建

3.在nvm資料夾內新建乙個settings.txt,內容如下 需結合實際路徑 arch 64 proxy none node mirror npm mirror 4.配置環境變數 然後在在path的最前面輸入 nvm home nvm symlink 開啟乙個cmd視窗執行命令nvm v,輸出當前...