分享

前端-Vue CLI安裝說明


Vue Vue3 CLI Javascript 前端框架

前端框架 Vue

今天主要說明前端框架 Vue如何建立,網路上已經有很多關於Vue的文章,可以直接去查詢,我這篇是為了後續文章可以參考操作而撰寫,我認為已經很多寫得更好的文章在說明了,就不打算要去跟其他神人比拚了,文章抄來抄去一點意義也沒有,這邊僅特別說明專案會使用到的 Vue CLI
另外有人詢問過我説搞不懂 Vue.js Vue CLI 差在哪裡,這邊我就來簡短說明一下,後續我發文做的練習都會以 Vue CLI 為主,CLI 意思是命令列介面(英語:Command-Line Interface),其實也不用想太複雜,其實就是使用終端機去執行的一種專案,而Vue.js 是在寫HTML的時候可以直接使用官網的連結,或是自己抓 vue.js的版本嵌入於Html內,像是 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>內嵌即可使用的就是Vue.js,而由Vue create出來的專案就是Vue CLI,如果還有哪裡不懂的歡迎在留言詢問唷~
首先要執行Vue CLI需要先安裝node環境
> 推薦使用 nvm 來進行版控來方便切換node版本,網路上已經有很多文章就不贅述如何使用,或者是可以直接到 node.js 官網下載最新版本)
開啟cmd 安裝 vue cli ,可以參考 vue官網的安裝說明
> npm install -g @vue/cli
> vue --version (如果有跳出版本號代表安裝成功>.0)
先開啟terminal 或 cmd 到你想存放的路徑底下
> cd 路徑
> vue create [專案名稱(小寫英文否則會跳出錯誤訊息)]
Vue Vue3 CLI Javascript 前端框架

▲選擇Vue版本建立專案

安裝畫面詢問,目前最新版本是 Vue 3,如果有需要使用舊版本的也可以選擇,後續教學也會說明Vue 2的環境要安裝的版本
--------------------------------------------------------
如果有任何操作上的問題,歡迎留言告訴蚊子~
如有很多錯誤需要截圖說明,可以用Timelog寫一篇詢問問題的文章
再貼連結留言詢問我(我只開網域一看就知道是做什麼的連結唷!)
**貼上的連結若很可疑或是看起來怪怪的我會勸導刪除,若不刪除則檢舉**
問題不難我會直接留言說明,需要截圖操作我會另寫篇文章並直接貼連結回覆
--------------------------------------------------------
#Vue  #Vue3  #CLI  #Javascript  #前端框架 
分類:學習

哈囉~大家好,可以直接稱呼我為蚊子,我本身是一位工程師,前後端都有在撰寫,我主要會依據我在程式中遇到一些問題但在網路上沒找到文章,或者是就放一個解決方式但沒有完整說明的文章,另外在自己寫專案來說明,但因為平常上班比較少時間不一定有很多時間撰寫,如果有程式方面問題歡迎直接問我一起找答案,我在公司主要撰寫C#及Vue。

評論
上一篇
  • Verdaccio - IIS Server 架設私有NPM
  • 更多文章
    載入中... 沒有更多了