vue全家桶項目搭建之一——vue-cli 4.0+ 腳手架搭建基礎demo

目錄

 

一、安裝腳手架

二、創建一個基礎demo

三、基礎demo創建好後，我們就啓動一下這個項目

---

一、安裝腳手架

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

 

如果有更精闢的見解歡迎評論留言探討，一起探討，一起進步！若回覆不及時可聯繫：