vue項目搭建+ElementUI+運行

安裝vue腳手架 npm install @vue/cli
基於命令行創建：創建項目 vue create  +項目名
基於可視化創建：vue ui 創建項目 打開瀏覽器選擇配置創建（推薦）

項目結構：

 

 

 node_modules： 依賴包

public :靜態資源 （首頁，圖標。。）

src：源碼     assets （樣式，圖片。。） component組件   view視圖組件  

package.json 包管理

postcss.config配置前綴等

babel.config.js：是項目中的babel配置文件

 

 

安裝Element-UI

1.項目中運行vue ui 

2.在面板中選擇添加插件

3.安裝vue-cli-plugin-element

 

項目運行：后端： 開啟phpstudy 第一次要導入數據庫文件 開啟mysql服務
                              第一次要在api server安裝依賴包
                             運行后台 node ./app.js
                  前端：vue ui打開控制頁面 運行項目 打開app