建立vue專案

2021-09-12 01:53:10 字數 802 閱讀 8815

1.首先要安裝node.js。 node.js的官方位址為:

安裝完後,啟動cmd 輸入node -v,然後回車,如果出現node版本資訊,則說明安裝成功了。

2.安裝**映象cnpm。

安裝命令為:npm install -g cnpm --registry=  

回車等待安裝。

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

命令為:cnpm install -g vue-cli  回車等待安裝。

安裝完後,可以輸入vue,然後回車,如果出現vue的資訊,則說明安裝成功了。

5.建立專案

輸入命令 :vue init webpack newproject(專案資料夾名) ,回車等待安裝。

建立在自己想要的路徑下:例如想新建資料夾在f盤的webex下

7.相關目錄下出現vue專案的資料夾

8.輸入:cd newproject(檔名) 進入此資料夾,

9.在利用命令:cnpm install,回車,等待一小會兒,回到專案資料夾,會發現專案結構裡,多了乙個 node_modules資料夾(該檔案裡的內容就是之前安裝的依賴)。

10.輸入 cnpm run dev來測試環境是否搭建成功,瀏覽器將自動彈出主頁面

vue 建立vue專案

在程式開發中,有三種方式建立vue專案,本地引入vuejs 使用cdn引入vuejs 使用vue cli建立vue專案。其中vue cli可以結合webpack打包工具使用,大大方便了開發步驟,使用廣泛。在用 vue 構建大型應用時推薦使用 npm 安裝 1 npm 能很好地和諸如 webpack ...

建立vue專案

總結官方的建立vue專案 1.安裝vue.js執行環境nodejs,可用 映象安裝,會比較快,建議安裝c盤,安裝成全域性的。命令是 npm install g cnpm registry 2.檢視安裝的版本,命令是 cnpm v3.安裝全域性腳手架,命令是 cnpm install g vue cl...

建立vue專案

1.按 windous鍵 r 輸入 cmd 開啟黑框框 2.檢查是否安裝npm,執行如下 npm v如果顯示的是版本號,則已經安裝,執行第三步 如果沒有顯示版本號,則需安裝npm npm install npm build npm run dev3.檢查是否安裝vue cli3,執行如下 npm v...