vue使用git提交代碼預檢測

全局安裝eslint、依賴

npm i -g eslint

npm i -g eslint-plugin-vue eslint-config-standard eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard babel-eslint

檢測是否還缺依賴

eslint ./src/*

如果顯示 eslint 不是內部或外部命令，也不是可運行的程序或批處理文件 

window - 設置 壞境變量

　　右鍵我的電腦

　　高級系統設置

　　高級 - 壞境變量 - path 將 示例路徑: \AppData\Roaming\npm 加入到path下

　　

mac

 

# 第一步：在你的用戶文件下新建一個文件夾，這個.npm-global 名字可以用你自己喜歡的名字替換，推薦直接使用這個名字。

　　　　mkdir ~/.npm-global

#第二步：更改node的安裝連接

　　　　npm config set prefix '~/.npm-global'

　　#第三步：在用戶的profile下增加path，為的是系統能夠找到可執行文件的目錄

　　　　export PATH=~/.npm-global/bin:$PATH

　　#第四步：update profile。使其生效

　　　　source ~/.profile

 

　　#第五步: sudo npm i -g eslint

修改git鈎子函數(也可以直接修改.git/hooks/pre-commit文件)

1、在項目根目錄下新建.hooks目錄
2、在目錄里新建pre-commit
3、復制下面的shell代碼

#!/bin/sh
STAGED_FILES=$(git diff --cached --name-only --diff-filter=ACM | grep ".jsx\{0,1\}$")
if [[ "$STAGED_FILES" = "" ]]; then
  exit 0
fi
PASS=true
echo "\nValidating Javascript:\n"
# Check for eslint
which eslint &> /dev/null
if [[ "$?" == 1 ]]; then
  echo "\t\033[41mPlease install ESlint\033[0m"
  exit 1
fi
for FILE in $STAGED_FILES
do
  eslint "$FILE"
  if [[ "$?" == 0 ]]; then
    echo "\t\033[32mESLint Passed: $FILE\033[0m"
  else
    echo "\t\033[41mESLint Failed: $FILE\033[0m"
    PASS=false
  fi
done
echo "\nJavascript validation completed!\n"
if ! $PASS; then
  echo "\033[41mCOMMIT FAILED:\033[0m Your commit contains files that should pass ESLint but do not. Please fix the ESLint errors and try again.\n"
  exit 1
else
  echo "\033[42mCOMMIT SUCCEEDED\033[0m\n"
fi
exit $?

在 package.json 中添加命令

"postinstall": "cp .hooks/* .git/hooks/"