在VSCode的配置--react(183)

###过程多了186也有，这里这说下开发环境，有利工具

1. 代码语法提示，插件ESLint；它对写的代码进行语法错误提示，特别是配置了react的插件后，对react属性、状态等书写有全面提示。

2. 代码自动补全，node插件Typings和vsc插件Typings suto installer，前者全局安装，后者会自动把package.jason的TS（微软的TypingScript）包全下全

3. emment（内置，它简直为前端而生，语法很好使）；它默认是不支持js的，jsx倒是可以。
   
   我google和官网了很久都没找到提示，最后没法，去git看看（原来git官网的doc是实时更新的，比官网的doc更新都勤快，以后只去git去看doc了）
   

   "workbench.sideBar.location": "right",
     "editor.minimap.enabled": true,
     "emmet.triggerExpansionOnTab": true,
     "emmet.syntaxProfiles": {
         "javascript": "javascriptreact"
     },
     "emmet.includeLanguages": {
         "javascript": "javascriptreact"
     },
     "workbench.iconTheme": "vscode-icons"

• 单个js调试，launch.json的配置 https://segmentfault.com/a/1190000004136202

  “name”: “启动”,
  “type”: “node”,
  “request”: “launch”,
  “program”: “${workspaceRoot}/demo01/tt.js”,

---

eslint

感觉这个还好，不是很麻烦。
eslint –init 创建它就会自动问一些东西。
npm install –save-dev eslint-config-angular 由于我用angular所以要让它自动有angular的语法和提示，就安装了这个插件。