利用vue cli建立Vue專案

2022-08-19 18:27:10 字數 902 閱讀 4344

配置參考:

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

在cmd裡直接輸入:npm install -g cnpm --registry=回車,等待安裝...

注意:確保npm版本大於等於3.0.0,否則後續安裝會出現問題;

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_todo(專案名),回車,進入到具體專案資料夾

(2)輸入:cnpm install,回車,等待一小會兒

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

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

6.測試環境是否搭建成功。(建議方法1)

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

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

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

vue cli 建立快速 vue 專案

注意這安裝的是 vue cli2 版本的 vue 專案!雖然可以安裝,但是就目前而言並不適用!一般現在都用vue cli 3 1.首相你需要先有 node.js 使用node v npm v 去查詢自己是否安裝好 2.由於使用npm 下包很慢,因為是國際的問題,所以我們可以使用國內的 映象 映象安裝...

vue使用vue cli建立專案

安裝執行環境 node和npm 安裝vue cli 檢視是否安裝成功vue v 安裝webpack 新建專案 1 vue init webpack 專案名稱 2 配置專案有關的資訊 專案名稱,開發者,描述,安裝路由,使用eslint 規範,測試單元 4 進入專案的資料夾下,使用npm run dev...

VUE,基於vue cli搭建建立vue專案

前提然後安裝vue cli 安裝方式 cmd命令列安裝 開啟cmd命令符輸入進行全域性安裝腳手架 npm install g vue cli 全域性腳手架安裝成功之後就可以建立vue專案了 三種建立方式 這裡演示第三種 第一種 舊版本建立專案,不推薦 首先要安裝依賴包npm install g vu...