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...