vscode开发react的方式
时间:2021-05-20

本文将为大伙儿详尽解读相关vscode开发react的方式 ,我感觉挺好用的,因而共享给大伙儿做一个参照,期待大伙儿阅读文章完本文后能够有一定的获得。

vscode怎样开发react?

应用VSCode在线编辑器建立React.js新项目

一、自然环境提前准备:

1、安装下载VSCode,Node.js,Yarn

2、开启cmd终端设备或powershell,键入yarn global add create-react-app安裝react的钢管脚手架create-react-app

3、开启VSCode,安裝相对应软件

必需: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、

可选:Javascript (ES6) code snippets、reactjs code snippets、react-native/react/redux snippets for es6/es7、highlight bad chars、color highlight、Path Intellisense、partial diff

二、新创建demo

1、VSCode在线编辑器中应用键盘快捷键ctrl `开启终端设备

2、在终端设备键入create-react-app demo,全自动建立名字为demo的新项目

3、cd demo进到demo新项目中

4、yarn start或yarn build运作新项目

三、react新项目中应用echarts

1、终端设备键入指令yarn add echarts 引进echarts

2、在必须应用echarts的js文件中,引进echarts控制模块,实际有什么能够按需引进的控制模块目录可查询demo-node_modules-echarts-index.js文件

四、键盘快捷键

终端设备应用ctrl c撤出批处理命令实际操作。

有关vscode开发react的方式 就发送到这儿了,期待以上内容能够对大伙儿有一定的协助,能够学得大量专业知识。假如感觉文章内容非常好,能够把它共享出来 让大量的人见到。