1. 安装nodejs

现在的nodejs自带NPM，只需点击下一步下一步安装即可。

为了加速国内NPM包下载，可配置

2. 安装git

国内直接从官网下载比较困难，需要FQ。

所以这里要感谢淘宝NPM镜像提供空间。

3. 安装VSCode和常用插件

下面是常用的插件列表:

以上插件用于优化编辑器里进行git管理，代码规范化的体验。

4. 优化VSCode编辑器默认行为

在项目目录下新建.editorconfig文件。

包括统一tab的占位，保存文件时最后一行再插入新行，去除首尾空格。

# 配置文件内容# editorconfig.orgroot = true[*]charset = utf-8end_of_line = lfindent_size = 2indent_style = spaceinsert_final_newline = truetrim_trailing_whitespace = true[*.md]trim_trailing_whitespace = false

5. 配置VSCode编辑器代码规范

1. 安装airbnb的规范

   npm install -g eslint-config-airbnb eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y babel-eslint

2. 在项目目录下新建.eslintrc文件

{ "extends": "airbnb", "parser": "babel-eslint", "env": { "browser": true, "node": true, "mocha": true }, "globals": { "Babel": true, "React": true }, "plugins": ["react"], "rules": { "global-require": "off", "import/no-unresolved": "off", "no-underscore-dangle": "off", "no-new-func": "off", "no-param-reassign": "off", "react/prefer-stateless-function": "off", "react/no-multi-comp": "off", "react/jsx-no-bind": "off", "react/jsx-indent": "off", "react/jsx-first-prop-new-line": "off", "react/jsx-filename-extension": "off", "no-restricted-syntax": "off" }}

1. 不是所有文件都需要eslint来校验格式
   .eslintignore

**/dist/****/src/****/examples/****/node_modules/****/server.js**/webpack.config*.js