目錄

Vue是什么

一、nodejs安裝

二、安裝Vue CLI

三、創建Vue項目

四、配置vue.config.js文件

五、創建第一個應用hello word

---

Vue是什么

Vue是一款?用于構建用戶界面的 JavaScript 漸進式架構?既可作為庫（僅關注視圖層）也可擴展為框架，支持從靜態頁面到復雜單頁應用（SPA）的漸進式開發。并提供了一套聲明式的、組件化的編程模型，可以實現數據雙向綁定，自動同步數據與視圖，無需手動更新dom。它基于標準 HTML、CSS 和 JavaScript 構建，并提供了一套聲明式的、組件化的編程模型，幫助你高效地開發用戶界面。無論是簡單還是復雜的界面，Vue 都可以勝任。

一、nodejs安裝

安裝步驟參考《nodejs安裝步驟》

二、安裝Vue CLI

打開終端或命令提示符，使用npm（Node.js的包管理器）來全局安裝Vue CLI：

npm install -g @vue/cli

驗證Vue CLI版本：

在命令行中輸入：vue --version 或者 @vue/cli --version

如果可以正確輸出版本號，說明vue-cli框架安裝成功

三、創建Vue項目

安裝完Vue CLI后，你可以使用以下命令來創建一個新的Vue項目：

例如，如果你想創建一個名為vue-element-app的項目，你可以運行：

vue create vue-element-app

1、在創建過程中，Vue會詢問你一些配置選項，你可以根據自己的需要選擇。