Vue3 0專案建立方式

2021-10-10 02:05:00 字數 639 閱讀 5259

1、 建立vue3的3種方式

① vue-cli    基於腳手架2.0或者腳手架3.0

② webpack 自己手動配置webpack環境

③ vite vue3新特性

<

(專案名稱)

//vue-cli3建立方式

cd projectname

npm run dev

2、什麼是vite?

(1)vite是vue作者開發的一款意圖取代webpack的工具

(2)安裝vite

安裝依賴執行專案

cd projectname

npm install

npm run dev

(3)vue3.0相容vue2.x**

如何建立Vue3 0專案

1.首先在你想要存放專案的資料夾中輸入cmd,然後回車 2.然後輸入vue create vue mytest 後面是自己的專案檔名稱,這裡我的專案名稱為mytest 然後回車 3.然後選擇第二個 manually select features 手動選擇功能,然後回車 4.然後選擇想要的功能 這裡...

VUE3 0專案配置

1 專案結構 dist 生產打包輸出目錄 node modules 模組依賴包 public 靜態html和 圖示 src assets 靜態資源,圖示字型 樣式表 components 公共元件 plugins 外掛程式 utils 公共js方法 views 檢視元件 login 登入註冊 ord...

vue3 0建立乙個專案

使用vue3.0建立乙個專案 使用vue ui建立 管理專案 專案結構目錄整理 初始檔案新增 基本配置 跨域配置 環境配置 下面嘗試用test preview production分別表示測試 預覽 生產三種環境 修改package.json檔案如下 scripts 在專案根目錄下新建 env.te...