前置條件

  1. 需要安裝node環境
  2. 安裝vue\cli工具

vue\cli官網

傳送門 vue-cli

安裝node.js

nodejs中文網

點選之後會發現這個介面

可以點選下載或者選擇其他版本的包，儘量選擇偶數版本的包，因為偶數包是穩定版本的，不用一味的追求新版本

下載好之後雙擊exe檔案，一直點選next就行了

開啟cmd輸入node -v如果出現版本號那麼就安裝成功了



再檢查npm 看npm有沒有裝好 輸入npm -v ，如果出現版本號那麼就說明安裝成功了

開始安裝vue-cli

開啟cmd輸入，等待命令執行完就行了

npm install -g @vue/cli

執行完成之後輸入，注意是大寫的V

vue -V

如果顯示版本號那麼就說明安裝成功了

建立vue專案

使用vue ui

cmd輸入：vue ui

會出現以下介面（vue gui介面這裡可以建立專案，增加外掛等等，圖形化操作，點點點就行了）我這裡就不演示了

vue 命令建立

輸入vue create yourProjectName

把yourProjectName更改為你的專案名稱

出現下面的介面，上面兩個是我自己的預設

你們選擇Default ([Vue 2] babel, eslint)



這樣就建立好了一個vue專案啦

執行vue專案

命令列輸入

npm run serve

就會出現下面介面



在瀏覽器輸入Local後面的網址就可以出現下面的介面，你的vue專案執行成功了（記得帶上埠號）