搭建開發環境(搭建開發環境前必須安裝node.js):vue
1.安裝vue腳手架工具 node
$ npm install -g vue-cliwebpack
2.建立項目(注意項目名字不要有大寫字母)web
vue init <template-name> <project-name> / vue init webpack vue-demo 表示使用webpack做爲構建工具vue-cli
cd vue-demonpm
npm -install / cnpm -install (安裝依賴,通常初始化的時候就本身安裝依賴了,這一步能夠省略,若是第一步報錯了,能夠用這個繼續安裝)bash
npm run dev 啓動項目工具
經過這幾步項目就行了:初始化項目以下spa
Project name:項目名blog
Project description:項目的描述,能夠不用輸入
Author:做者,也能夠不用輸
其餘的直接yes就行,ESlink建議no,它表示空格校驗,若是安裝了,寫代碼的時候,多一個空格,少一個空格要報錯提示。