Dark Mode

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Latest commit

History

History
166 lines (109 loc) * 5.45 KB

react-native-eslint.md

File metadata and controls

166 lines (109 loc) * 5.45 KB

React Native ESLint & Airbnb Pei Zhi

Huan Ying Nin Bang Mang Jiu Cuo , Yi Qi Bang Zhu Geng Duo De Ren . Yi Qi Lai Xue Xi Jiao Liu React, QQ Qun :413381701

Chai Bu Duo Gao Liao Ban Tian Cai Pei Zhi Wan Bi ,Xian Ji Lu Xia Lai ,Gong Yi Hou Can Kao .

Yu Keng Huan Jing

{
npm: "2.15.9",
ares: "1.10.1-DEV",
http_parser: "2.7.0",
icu: "56.1",
modules: "46",
node: "4.6.0",
openssl: "1.0.2j",
uv: "1.9.1",
v8: "4.5.103.37",
zlib: "1.2.8"
}

An Zhao Wang Shang De Jiao Cheng ,Yi Bu Yi Bu Lai .

Bu Chong Liang Ju :

  1. -d Shi detail De Yi Si ,Ke Yi Kan An Zhuang De Xi Jie .
  2. npm install Du Shi Zai react native Xiang Mu Gen Mu Lu Xia Cao Zuo .

Step 1 npm install -g -d eslint

Step 2 npm install --save-dev -d eslint-plugin-react

Step 3 npm install --save-dev -d eslint-plugin-react-native

Step 4 npm install --save-dev -d eslint-config-airbnb

Cuo Wu Lai Liao ,airbnb Si Huo An Zhuang Bu Shang ,Bao Ru Xia Cuo Wu

Man Shi Jie Zhao Zi Liao ,https://www.google.com/search?q=The+package+eslint-plugin-import%402.0.1+does+not+satisfy+its+siblings%27+peerDependencies+requirements!&oq=The+package+eslint-plugin-import%402.0.1+does+not+satisfy+its+siblings%27+peerDependencies+requirements!&aqs=chrome..69i57.1296j0j7&sourceid=chrome&ie=UTF-8

Wei Yi Yi Ge Kan Qi Lai Bi Jiao Kao Pu De ,airbnb/javascript#956 (comment)

npm install --save-dev -d eslint-config-airbnb eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y eslint

Zui Hou Jie Lun :Wang Shang De Jie Jue Fang An Mei You Yi Ge Shi Ke Yong De (Hou Lai Cai Fa Xian Qi Shi Shi Wo De Zi Shi Bu Dui ,Qing Jie Zhao Kan ).

Hou Lai Wen Qun Li Hao You ,Gao Su Wo Yong cnpm Shi Shi ,Jie Guo Shen Qi De Yi Mu Chu Xian Liao .

Step 5 cnpm install --save-dev -d eslint-config-airbnb

Step 6 Zhi Xing eslint --init

Ti Shi :Zhe Li Wei Liao Yan Shi ,Suo Yi Zhi Xing Liao Liang Ci eslint --init,Xuan Xiang Shi Ke Yi Yong Guang Biao Shang Xia Xuan Ze .

Step 7 Zhi Xing Wan Cheng Hou ,Hui Zai Xiang Mu Gen Mu Lu Sheng Cheng Yi Ge Ming Wei .eslintrcDe Pei Zhi Wen Jian ,Hou Mian Man Man Pei Zhi Gai Wen Jian .

Zai React Native Xiang Mu Zhong ,Zhao Dao package.json,Tian Jia Xia Mian Zhe Xing :

"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
+ "lint": "eslint --ext .js ./src --fix"
}

Step 8 Xiang Mu Mu Lu Xia Zhi Xing ,npm run lint

Step 9 Ru Guo Xiang Mu Da De Hua ,Hui You Shang Qian Tiao errors,Man Man Gai Dai Ma Ba ! :D Ye Ke Yi Xuan Ze Xiu Gai .eslintrcDe Pei Zhi Wen Jian ,Gai Dao Zi Ji Man Yi Wei Zhi ,233.

Zheng Que Zi Shi

Step 1 npm Ban Ben Tai Di ,Da Shen Jian Yi Wo Sheng Ji Dao 3.x,Shuo npm 2.x De Yi Lai Chu Li Hen Zao Gao ,An Zhuang Huo Geng Xin npm,Zhi Xing : npm install -g -d npm@latest

Step 2 npm install -g -d eslint

Step 3 Quan Bu Nian Tie Zhi Ming Ling Xing Zhi Xing

(
export PKG=eslint-config-airbnb;
npm info "$PKG" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs npm install --save-dev -d "$PKG"
)

Step 4 npm install --save-dev -d babel-eslint,Yong Yu Zhuan Huan ES6 De eslint De Cha Jian Bao

Step 5 eslint --init, Chu Shi Hua Xuan popular style, Airbnb

Jie Shang Mian De Step 7

Geng Zheng Que De Zi Shi

2017-8-19 Yin Wei Shi Dai Bian Hua Liao ,Zhi Qian De Yi Xie workaround Fang An Du Bei She Qu Xiu Fu Wei Zheng Gui Yong Fa ,Suo Yi Xian Zai An Zhuang Yu Pei Zhi Geng Jian Dan Liao .

Step 1 npm install --save-dev eslint

Step 2 Zhi Xing eslint --init

Tui Jian :

  1. ESLint Feng Ge Xuan Use a popular style guide
  2. Zun Xun Na Ge Biao Zhun Xuan Airbnb
  3. Pei Zhi Wen Jian Ge Shi Xuan JSON Huo JavaScript, Zhe Ge Sui Yi
  4. Shi Fou Zhi Chi React Xuan y

Ti Shi :Zhe Li Wei Liao Yan Shi ,Suo Yi Zhi Xing Liao Liang Ci eslint --init,Xuan Xiang Shi Ke Yi Yong Guang Biao Shang Xia Xuan Ze .

Step 3 Zhi Xing Wan Cheng Hou ,Hui Zai Xiang Mu Gen Mu Lu Sheng Cheng Yi Ge Ming Wei .eslintrc.json De Pei Zhi Wen Jian , Dan Nei Rong Ji Hu Wei Kong . Suo Yi Jiu Ba Ge Ren Xiang Mu Ji Ben Pei Zhi Fen Xiang Ru Xia :

{
"extends": "airbnb",
"plugins": ["react", "react-native"],
"globals": {
"__DEV__": true,
"fetch": true
},
"parser": "babel-eslint",
"rules": {
"max-len": ["error", 120],
"no-console": 0,
"react/forbid-prop-types": [0, { "forbid": ["any", "array", "object"] }],
"react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }]
}
}

Step 4 npm install --save-dev babel-eslint eslint-plugin-react-native

babel-eslint Shi eslint De Jie Xi Qi

eslint-plugin-react-native Shi react native Cha Jian . Yin Wei step 2.4 Yi Jing Xuan Liao Zhi Chi react,Suo Yi Bu Xu Yao An Zhuang

Step 5 Zai React Native Xiang Mu Zhong ,Zhao Dao package.json,Tian Jia Xia Mian Zhe Xing :

"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
+ "lint": "eslint --ext .js ./src --fix"
}

Step 6 Xiang Mu Mu Lu Xia Zhi Xing ,npm run lint

Zui Hou :Tui Jian Da Jia Yong Zhe Ge eslintrc Bian Ji Qi ,Zhen Shi Tai Fang Bian Liao https://pirosikick.github.io/eslintrc-editor

Enjoy your code!

** WebStorm Li Pei Zhi Cheng Gen ESLint Li Yi Yang Feng Ge **

  • Code Style -> JavaScript -> Spaces -> Object literal braces