vue構建專案的三種方式

小那發表於2024-08-05

前提:已經安裝了node和npm

1.透過vue-cli進行建立

  1. 全域性安裝vue-cli:npm install -g @vue/cli
  2. 直接建立vue專案:vue create 專案名

vue create是 Vue CLI(命令列介面)提供的一個命令,用於建立和管理 Vue.js 專案。Vue CLI 是一個官方提供的工具,用於快速搭建基於 Vue.js 的專案,並且提供了豐富的專案配置選項。透過執行vue create命令,你可以選擇不同的專案預設(presets),如預設預設(Default preset)或手動選擇預設(Manually select features),以及其他配置選項,如路由、狀態管理等。這個命令會互動式地引導你完成專案的配置,然後生成相應的專案結構和配置檔案。

2.透過npm建立

  npm init vue@latest

透過 npm 包管理器來建立 Vue.js 專案的一種方式。它會在當前目錄下建立一個新的專案,並自動安裝最新版本的 Vue.js。這個命令會生成一個基本的專案結構,但不會提供互動式的專案配置選項。

3.基於vite建立vue專案

  npm init vite@latest

Vite 是一個現代化的前端構建工具,旨在提供快速的開發體驗。透過這個命令初始化的專案會使用 Vite 構建工具作為開發伺服器和打包工具。Vite 基於 ES 模組的原生瀏覽器支援,能夠快速構建現代化的前端應用。這個命令會建立一個基本的專案結構,並安裝 Vite 相關的依賴。

總結

1.vue create和2.npm init vue@latest用於建立基於 Vue.js 的專案,而3.npm init vite@latest用於建立基於 Vite 的專案。它們都是建立前端專案的命令,但使用的工具鏈和專案模板有所不同。2.npm init vue@latest和3.npm init vite@latest是透過 npm 包管理器直接安裝 Vue.js,並建立一個基本的專案結構,而1.vue create是使用 Vue CLI 建立專案,並提供了更多的專案配置選項。如果你想快速建立一個簡單的 Vue.js 專案,可以使用npm init vue@latest,如果你需要更多的專案配置選項和靈活性,可以使用vue create命令。如果你想基於vite建立則可以使用npm init vite@latest。選擇哪個命令取決於你想要建立什麼型別的專案以及你喜歡使用哪種工具鏈。

相關文章