Vue 3 是目前前端框架中非常流行和優秀的框架,vue-cli 也是 vue 3 官方提供的腳手架工具。在本文中,將會介紹如何使用 vue-cli 來快速初始化一個 vue 3 項目。
首先,我們需要安裝 Node.js。在官網上下載安裝包進行安裝。安裝完成后,打開終端,輸入以下命令,查看 Node.js 版本號,如果輸出了版本號則表示安裝成功:
node -v
接下來,我們需要安裝 vue-cli。在終端中輸入以下命令進行安裝:
npm install -g @vue/cli
安裝完成后,輸入以下命令來檢查 vue-cli 版本號:
vue --version
如果輸出了版本號,則表示 vue-cli 安裝成功。
接下來,我們可以使用 vue-cli 來初始化一個 vue 3 項目。在終端中輸入以下命令:
vue create my-project
在輸入該命令后,vue-cli 會提示我們選擇一些配置選項,例如 babel、eslint 等。在選擇完成后,vue-cli 會自動下載所需的依賴包進行項目初始化。
在初始化完成后,我們可以使用以下命令進入到項目的根目錄:
cd my-project
接著,我們可以使用以下命令來啟動項目:
npm run serve
在啟動成功后,我們可以在瀏覽器地址欄輸入http://localhost:8080
來訪問該項目。
至此,我們已經成功地初始化了一個 vue 3 項目,并成功啟動該項目。接下來,在此基礎上,我們可以進一步地開發我們的應用程序。
下一篇python 開發云盤