1. 程式人生 > 其它 >vue3.0正式版2

vue3.0正式版2

技術標籤:vue3.0vue

vue3.0正式版2

記錄的原因:vue3.0的安裝和只用跟之前嚐鮮版的語法和腳手架的部分東西不一樣,這邊就重新記錄了一下。

一.安裝vue-cli3.0腳手架(在npm黑視窗,而不是git)

1.先安裝Nodejs
2.安裝完以後如果之前安裝過Vue2.0的版本,需要把2.0相關的解除安裝掉

npm uni -g vue-cli或者cnpm uni -g vue-cli

如果沒有安裝或vue的2.0版本的話,直接在全域性的命令視窗,輸入

cnpm i -g @vue/cli

檢查版本號

vue -V

在這裡插入圖片描述

3.開啟cmd命令
在確認的資料夾路徑的地址上輸入cmd,開啟路徑

在這裡插入圖片描述
第一步:輸入搭建腳手架的命令

vue create 專案名稱

第二步:
選擇手動安裝:(manually)
在這裡插入圖片描述
選擇配置:(Babel,router,vuex,css,linter等)
在這裡插入圖片描述
選擇vue的專案版本(3.0)
在這裡插入圖片描述
選擇路由模式:hash模式和history模式(沒有特殊情況就暫時選N)
在這裡插入圖片描述
選擇css前處理器(node_sass)
在這裡插入圖片描述
程式碼型別的檢查規範(EsLint+printtier)
在這裡插入圖片描述
在什麼情況下會進行程式碼檢測(save儲存的時候)
在這裡插入圖片描述
配置檔案會放在哪個位置(config file)
在這裡插入圖片描述
是否儲存之前選擇的選項,儲存後面的專案就不需要一步一步的選擇配置了(y)
在這裡插入圖片描述
然後回車輸入儲存配置的名字。