目錄
一、安裝腳手架
npm install -g @vue/cli
安裝完成後看看版本
vue --version
二、創建一個基礎demo
vue create test
這裏會出現一個基礎demo模板的選擇,很多人不知道命令行裏面的選擇是怎麼選擇的。這裏我用的是直接選擇需要的模板序,然後回車選擇,默認第一個的序號是1。
選擇自己需要的模板進行基礎demo的創建,具體的模板有些什麼看官網:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create
這裏選擇的是默認的demo,也可以根據官網的用圖形化界面來創建基礎demo,選擇安裝後等待安裝以來和各種包
根據網速快慢來決定安裝的速度,這裏需要稍微等幾分鐘
三、基礎demo創建好後,我們就啓動一下這個項目
npm run serve
啓動項目
結果如圖:
至此,vue的基礎demo搭建完畢,這個也是相對比較簡單的
補充:如果需要改變啓動命令,則去package.json中去改變
"scripts": {
-- "serve": "vue-cli-service serve",
++ "dev": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
重新啓動項目就可以將啓動命令改成npm run dev,這裏可以改變成你習慣的任何命令比如star接下來我們來看
vue全家桶項目搭建之二——配置UI (將element-ui配置到項目當中)
https://blog.csdn.net/qq_34645412/article/details/106098782
如果有更精闢的見解歡迎評論留言探討,一起探討,一起進步!若回覆不及時可聯繫: