[Vue3] Vue 3 HelloWorld!

Nina Weng
1 min readSep 19, 2020

--

2020/09/18 Vue 3 終於Release了!!

凡事都先從環境架設開始~

第零步(建議):更新npm

npm install -g npm@latest

第一步:安裝Vue CLI

打開終端機,在終端機輸入以下指令:

sudo npm install -g @vue/cli@next

如果出現存取的問題:current user (“nobody”) does not have permission to access the dev dir ,可以先輸入 npm config set user root 把user的權限設定為root。

第二步:至專案的目錄底下

在終端機 cd 到想要新增此專案的目錄底下

第三步:創建Vue3專案

在終端機輸入以下指令,其中專案名稱替換成你想取的專案名稱:

vue create 專案名稱

第三步:啟動

在終端機輸入以下指令:

cd 專案名稱

npm run serve

打開網址,看到以下畫面就代表成功囉~

--

--

Nina Weng
Nina Weng

Written by Nina Weng

一個技能雜亂點的菜鳥工程師。因為實在太菜,有太多東西要學而不知所措。與其把時間花在猶豫不決不知從何開始,不如先開始,然後再漸漸深入專研某一項技能吧!

No responses yet