在安裝之前我們需要確保 Nodejs 的版本 >= 8.9 或更高版本 (推薦 8.11.0+)
安裝 vue-cli3.x 用以下命令括勺,-g 的意思是全局安裝
cnpm install -g @vue/cli
安裝完成后使用以下其中一條命令看是否安裝成功
vue --version
// 或者用下面的命令也可以
vue -V
如果成功了會出現(xiàn)版本號
vue 版本號.png
以下的命令語句比較關(guān)鍵引矩,Vue CLI >= 3 和舊版使用了相同的 vue 命令响逢,所以 Vue CLI 2 (vue-cli) 被覆蓋了率碾。我們需要安裝一個橋接工具才能使用 vue-cli 2.x創(chuàng)建項目
npm install -g @vue/cli-init
安裝完成后我們用 vue-cli 2.x 創(chuàng)建一個項目
vue init webpack my-project
然后你會看到有需要選擇或者輸入的地方童叠,如果不需要或不想填寫可以一直按回車能扒,然后等待項目構(gòu)建完成癣蟋。
完成后的目錄如下:
vue-cli 2.0 項目目錄.png
然后使用以下命令進入 my-project 目錄
cd my-project
最后運行項目了
npm run dev
運行成功后在瀏覽器打開以下網(wǎng)址
http://localhost:8080/#/
你將看到以下頁面
如果顯示正確證明創(chuàng)建項目成功
如有不對的地方或更好的方法請指出,感謝您的閱讀