本地建立vue專案

2021-10-05 10:29:03 字數 501 閱讀 4208

1、安裝nodejs

2、安裝webpack

安裝命令:cnpm install webpack -g

安裝完成,通過webpack -v來檢視當前webpack版本

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

全域性安裝後,可直接進入任意目標資料夾新建vue專案

安裝命令:npm install -g @vue/cli

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

4、建立專案

進入本地專案將要存放的資料夾

位址列中輸入cmd回車

vue init webpack name(專案資料夾名)

或者直接輸入 vue ui 啟動vue gui介面,在視覺化介面中新建專案,更直觀:

5、cd name 進入此資料夾 輸入命令:npm install,回車,安裝依賴包

6、輸入 npm 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...