iT邦幫忙

2021 iThome 鐵人賽

DAY 3
0
Modern Web

Nuxt 與全新的 Vue 3.0系列 第 3

未知的第三天 - Nuxt 初始化

  • 分享至 

  • xImage
  •  

今天我們要來創立第一個 Nuxt 的專案啦
首先先在電腦內安裝套件,並且建立第一個專案

npm install @create-nuxt-app
create-nuxt-app <project-name>

當然,不想安裝來汙染環境的也可以使用來進行初始化專案的動作

npx create-nuxt-app <project-name>

輸入後,會進行一連串的設定,這邊根據個人習慣來就好,我是比較喜歡使用 element-ui 因此選擇的是他,專案建立後目錄大概為這樣
https://ithelp.ithome.com.tw/upload/images/20210917/20109403QsXQsvXNw2.png
之後使用

npm run dev

就可以看到 Nuxt 的第一個畫面囉
https://ithelp.ithome.com.tw/upload/images/20210917/20109403FDfzZGQUOY.png


上一篇
未知的第二天 - Nuxt 的出現
下一篇
未知的第四天 -新增頁面
系列文
Nuxt 與全新的 Vue 3.04
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言