技術標籤：vue.js

MAC下搭建vue element

• • 需要安裝的軟體
  • 步驟

需要安裝的軟體

	Homebrew   Node.js  npm  webpack  vue-cli   element

步驟

1.安裝homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

輸入brew -v查詢brew的版本資訊 我的是2.6.2

2.使用homebrew安裝node.js

brew install node
 

終端輸入node -v 查詢版本資訊
3.獲取nodejs模組安裝目錄訪問許可權

sudo chmod -R 777 /usr/local/lib/node_modules/

4.安裝全域性的webpack

npm install webpack -g

5.安裝vue腳手架vue-cli

npm install vue-cli -g

6.找一個合適的位置存放你的vue工程

cd 目錄路徑  注：目錄路徑直接把建立好的資料夾拖拽到終端裡就可以

7.建立專案

vue init webpack-simple 專案名   如：vue init webpack-simple demo

注：專案名不可以使用中文，也不能使用大寫字母

8.將根目錄切換到專案

cd 專案名  如：cd  demo

9.安裝專案依賴

npm install

10.安裝 vue 路由模組vue-router和網路請求模組vue-resource

npm install vue-router vue-resource --save

11.安裝element

npm install element-ui -S  

12.啟動專案

npm run dev