前言
好久沒寫博客了，回想大概有大半年了吧，也不是在忙工作上的事情，就是突然找到一些在人生成長歷程中更值得去做的事情，雖然到現在是以失敗告終，但記下了沿途的風景就好了。現在也是打算慢慢回歸寫博客的平常生活吧，好了感慨的屁話不多說，我們回到正題吧，說說用Vue+element框架來搭建一套后端管理系統。這套框架應該包含的內容會把Vue里面常用的技術、后台管理系統中常用的開發經驗也一並加入進去，雖然我的開發經驗不是很好哈，我只是想着既然這是有意義的東西，那肯定是要記錄下來的，希望能幫助到正在學習Vue或正在開發后台管理系統需要的前端開發。
一、安裝Vue腳手架
首先確保我們電腦有配置nodeJS環境，然后就可以通過npm安裝Vue的腳手架了，打開 cmd 控制台創建命令如下：
1、檢查是否安裝有nodeJS環境
在cmd中輸入：
node -v
可以看到，出現nodeJS的版本，說明電腦是安裝有node環境的
2.安裝Vue腳手架
在cmd中輸入：
npm install -g @vue/cli
然后靜靜等待安裝就好了，安裝完成之后，通過這個命令來判斷是否安裝完成：
vue --version
二、創建Vue項目
在安裝完成腳手架之后，我們通過vue-cli腳手架來創建一個項目，在創建項目之前，跟大家說一下項目名的命名規范問題，全部采用小寫方式，已中划線分隔：
正例：fst-backstage-system
反例：fst_backstage-system / fstBackstageSystem
好，我們按照上面的正例為項目名來創建一個項目：
在工程目錄下輸入這個命令來創建：
vue create fst-backstage-system
輸入命令后，會讓你選擇項目的哪個特性，這里我們點擊鍵盤的向下箭頭，選擇Vue2，然后回車靜靜等待就好了
順帶提一下，最后那個選項是自定義配置的，這個默認的設置非常適合快速創建一個新項目的原型，而手動設置則提供了更多的選項，它們是面向生產的項目更加需要的。
但后面有需要的模塊自己再配過就好。
安裝完成之后，可以通過編輯器打開項目了，我推薦用的編輯器是VSCode。用VSCode導入項目后，通過Ctrl + ` 快捷鍵創建一個終端，然后運行這個命令將項目跑起來先：
，
項目運行成功之后，我們在瀏覽器地址欄輸入：http://localhost:8080/
那么到這里我們就完成一大步了，將項目創建完成了。
下一章將為大家介紹在項目上安裝實際開發中要用到的插件。
