從0開始搭建一個後臺管理系統(vue-admin)---開發環境的搭建

本教程面對是準備接觸vue亦或者是vue的初學者，有寫的不對的歡迎指正。

node環境搭建

window下安裝

打開node官網下載地址 [https://nodejs.org/en/]: node下載。

mac 下安裝

這裏推薦使用homebrew(mac下面包管理軟件)

因爲homebrew的軟件包都在國外，因此這裏能夠替換爲國內的mirrors

brew install node

包管理軟件下載(yarn)

打開yarn網站下載地址 yarn下載

一樣能夠把yarn添加淘寶的鏡像

固然你們也可使用npm

安裝vue+element-ui

附vue官網地址

yarn global add vue //全局安裝
yarn global add vue-cli //vue項目初始化的自動化工具

vue init webpack my-project //使用vue-cli初始化一個工程會結尾選擇npm或者yarn會自動下載項目依賴

cd my-project //進入項目目錄
yarn add element-ui --save //添加項目對於element-ui的依賴

附element-ui官網地址

//在my-project目錄下運行
yarn run dev

打開localhost:8000 便可看到vue的界面

爲了更加方便的調試vue項目，你們能夠安裝vue devtools.