vue cli3快速建立專案

2022-07-06 19:30:13 字數 707 閱讀 2720

先檢查vueb -v  和 npm -v

(下面vuecli安裝成功後,如果vue -v報錯的話需要以管理員身份開啟powershell

一、安裝 @vue/cli

更新到 3.x 之後,vue-cli 的包名從 vue-cli 改成了 @vue/cli

如果之前全域性安裝了舊版本的 vue-cli (1.x 或 2.x),首先需要使用以下命令解除安裝掉

// 如果沒有安裝舊版本的 vue-cli 可以跳過解除安裝直接安裝

npm uninstall vue-cli -g

# or

yarn global remove vue-cli

然後重新安裝新版本的 @vue/cli

npm install -g @vue/cli

# or

yarn global add @vue/cli

安裝完成後,可以使用 vue -v (這個 v 是大寫的)檢視版本號

使用Vue CLI 3快速建立專案

首先 vue create ant design vue pro執行命令會顯示兩個選項,1預設,2自定義 我麼選擇自定義 選擇好自定義的外掛程式回車就等待下安裝成功然後進入專案資料夾 cd ant design vue pro我們在開發過程中還會需要用到ant design vue 和操作時間的庫,...

vue cli3建立專案

預設 引入elementui 1.安裝element ui npm i element ui s 2.在main.js上新增 import elementui from element ui import element ui lib theme chalk index.css vue.use el...

使用 vue cli 3 快速建立 Vue 專案

為了便於 vue 專案的管理,vue 團隊官方開發了 vue cli 工具。本文將帶您使用 vue cli 快速建立乙個 vue 專案。本地安裝 vue cli 使用 npm 全域性安裝 vue cli npm i g vue cli 3.0.0 beta.6 建立專案 執行 vue create ...