安裝步驟

1、全局安裝Vue-cli：

? npm install vue-cli -g

2、查看是否安裝成功：

? vue -V

3、初始化項目：

? vue init webpack 自定義目錄名稱

4、進入到第3步定義的目錄：?

? cd 你的目錄名稱

5、安裝項目依賴插件：

? npm install

6、啟動服務(wù)器：

? npm run dev

目錄介紹

build webpack：

? 配置相關(guān)

config webpack：

? ? webpack配置相關(guān)（生產(chǎn)環(huán)境和開發(fā)環(huán)境）

node_moules：

通過npm install 安裝的依賴代碼庫

src：

項目源碼（我們開發(fā)的所有代碼都會放在src目錄下）

static：

放第三方靜態(tài)資源的

.gitkeep：

提交git（空文件夾是不能提交到git的，所以添加了一個.gitkeep文件）

.babelrc：

ES6轉(zhuǎn)ES5配置文件

.editorconfig：

? 編輯器的配置

.eslintignore：

? 代碼風(fēng)格檢測配置（忽略build和config文件夾下的js文件）

.eslintrc.js：

? 代碼風(fēng)格檢查配置

.gitignore：

? 忽略掉提交到git的文件

index.html：

? 入口文件，css和js是會動態(tài)插入到這個頁面

main.js：

? ? js入口文件

App.vue：

? ? 整站的實例文件（可以看成是本項目的大組件或根組件）

package.json：

? ? 整個項目的描述及插件

常見錯誤

在大家用vue-cli創(chuàng)建工程的時候，會有一項，使用使用eslint，如果選擇了y，那么工程就會安裝并啟用eslint。下面列舉下常見的錯誤提示 ：

1、多余的分號：

2、定義了卻未使用的變量 ：

3、結(jié)尾多余空格：

4、超過一行的空行：

5、代碼尾行應(yīng)該有空行：