安裝步驟
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、代碼尾行應該有空行: