iT邦幫忙

2021 iThome 鐵人賽

DAY 23
0
自我挑戰組

Vue.js系列 第 23

Vue CLI安裝

前面都使引用CDN的script標籤去使用Vue.js,今天要介紹的是用NPM去安裝vue-cli

使用vue-cli需要安裝Node.js,因為vue-cli需要使用到npm或yarn的指令,如果有看到第14篇的Node.js安裝的文章,你可能會好奇為什麼在這麼前面就安裝Node.js了卻沒有在那之後使用vue-cli呢?因為在官網的Introduction中的Getting Started有著這麼一段話

We do not recommend that beginners start with vue-cli, especially if you are not yet familiar with Node.js-based build tools.

作者並不建議還在學習Vue.js的初學者就馬上使用vue-cli,尤其是對於Node.js又不熟悉的人,所以之前一直都沒有去安裝和使用vue-cli,不過現在到了30天的中後段就來照著官網的說明安裝看看吧!

在安裝的過程中失敗了好幾次!剛開始在VS Code的terminal按照官網的指令安裝後輸入查看版本的指令確認自己有沒有安裝成功卻會一直出現錯誤訊息
https://ithelp.ithome.com.tw/upload/images/20210823/20139183iEgeNZTqXy.png

後來在terminal切換到Git Bash才能夠順利執行
https://ithelp.ithome.com.tw/upload/images/20210823/20139183foJeh6CLaf.jpg

所以如果要使用VS Code安裝vue-cli需要先安裝Git在terminal才能切換到Git Bash喔!


上一篇
Render Functions
下一篇
Vue CLI建置 & GitHub上傳
系列文
Vue.js30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言