Vue3.0的搭建

Vue CLI 的包名稱由?vue-cli?改成了?@vue/cli。 如果你已經(jīng)全局安裝了舊版本的?vue-cli(1.x 或 2.x)，你需要先通過?npm uninstall vue-cli -g?或?yarn global remove vue-cli?卸載它。

Vue CLI 需要?Node.js?8.9 或更高版本 。

安裝vue-cli

npm install -g @vue/cli # OR yarn global add @vue/cli

檢查版本是否正確

vue --version

對(duì)于單個(gè)?*.vue?文件進(jìn)行快速原型開發(fā)，安裝全局依賴?vue serve?

npm install -g @vue/cli-service-global

創(chuàng)建一個(gè)項(xiàng)目

vue create hello-world

如果你在 Windows 上通過 minTTY 使用 Git Bash，交互提示符并不工作。你必須通過?winpty vue.cmd create hello-world?啟動(dòng)這個(gè)命令。不過，如果你仍想使用?vue create hello-world，則可以通過在?~/.bashrc?文件中添加以下行來為命令添加別名。?alias vue='winpty vue.cmd'?你需要重新啟動(dòng) Git Bash 終端會(huì)話以使更新后的 bashrc 文件生效。

在項(xiàng)目創(chuàng)建的過程中，你也會(huì)被提示選擇喜歡的包管理器或使用?淘寶 npm 鏡像源?以更快地安裝依賴。這些選擇也將會(huì)存入?~/.vuerc。?

使用圖形化界面

vue ui

橋接 2.x 模板 (舊版本)

npm install -g @vue/cli-init # `vue init` 的運(yùn)行效果將會(huì)跟 `vue-cli@2.x` 相同 vue init webpack my-project

項(xiàng)目運(yùn)行

npm run serve # OR yarn serve

如果你可以使用?npx?(最新版的 npm 應(yīng)該已經(jīng)自帶)，也可以直接這樣調(diào)用命令：

npx vue-cli-service serve

打包命令和2.x的版本是一樣的。

對(duì)于常用命令總結(jié)一下，以備后用。

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的vue3的搭建的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。