vsCode do react development tools, a few common plug-ins: https://www.cnblogs.com/honeynm/p/10024872.html
First, the environment preparation:
1, download and install VSCode, Node.js, the Yarn
2, a command line terminal or open PowerShell, input yarn global add create-react-app-install react scaffolding react-App Create
. 3, open VSCode, install the appropriate plug
necessary: ESLint, DocumentThis, EasyLess, Complete JSDoc Tags, vscode-flow-ide, React native Tools, vscode-wechat, npm, babel-javascript, debugger for chrome, git lens, node debug 2,
optional: javascript (ES6 ) code snippets, reactjs code snippets, react-native / react / redux snippets for es6 / es7, highlight bad chars, color highlight, Path Intellisense, partial diff
Second, the new demo
. 1, VSCode Editor use the shortcut ctrl + `open a terminal
2, input create-react-app demo terminal, automatically creates a name for the demo program
3, cd demo into the demo projects
4, yarn start or yarn build run the project
Three, used in the project REACT echarts
. 1, an input command terminal yarn add echarts introduced echarts
2, in need echarts js file, the introduction echarts module, which specific list of modules may be incorporated as needed to view demo-> node_modules-> echarts-> index.js file
// master module incorporated ECharts
Import from echarts 'echarts / lib / echarts';
Import 'echarts / lib / Chart / Line';
// introduced histogram
Import 'echarts / lib / Chart / bar';
// introduced balloons and title element
Import 'echarts / lib / component / ToolTip';
Import 'echarts / lib / component / title';
IV shortcuts
terminal using batch operations exit ctrl + c
1, vscode-fileheader
add header
2, reactjs code snippets
of some shorthand react development and improve development efficiency
3, Path Autocomplete
path prompts
4, git blame
after installing git, git blame can be based on git to review each line of code in the last modify the author