Vue-cli基礎

安裝步驟

1、全局安裝Vue-cli：

npm install vue-cli -g

2、查看是否安裝成功：

vue -V

3、初始化項目：

vue init webpack 自定義目錄名稱

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

cd 你的目錄名稱

5、安裝項目依賴插件：

npm install

6、啟動服務器：

npm run dev

目錄介紹

build webpack：

配置相關

config webpack：

webpack配置相關（生產環境和開發環境）

node_moules：

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

src：

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

static：

放第三方靜態資源的

.gitkeep：

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

.babelrc：

ES6轉ES5配置文件

.editorconfig：

編輯器的配置

.eslintignore：

代碼風格檢測配置（忽略build和config文件夾下的js文件）

.eslintrc.js：

代碼風格檢查配置

.gitignore：

忽略掉提交到git的文件

index.html：

入口文件，css和js是會動態插入到這個頁面

main.js：

js入口文件

App.vue：

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

package.json：

整個項目的描述及插件

常見錯誤

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

1、多余的分號：

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

3、結尾多余空格：

4、超過一行的空行：

5、代碼尾行應該有空行：

PS：錯誤不可能列舉完，如遇其它錯誤，教大家一招：把報錯信息，扔到google，一看便知！！！