vscode로 반응을 개발하는 방법

vscode 개발은 어떻게 반응하나요?

VSCode 편집기를 사용하여 React.js 프로젝트 만들기

권장 튜토리얼: vscode 튜토리얼

1. 환경 준비:

1 VSCode, Node.js, Yarn을 다운로드하고 설치합니다

2. line 터미널 또는 powershell에서 Yarn global add create-react-app을 입력하여 반응 스캐폴딩 create-react-app을 설치하세요

3. VSCode를 열고 해당 플러그인을 설치하세요

필수: ESLint, DocumentThis, EasyLess, Complete JSDoc 태그 , vscode-flow-ide , React 네이티브 도구, vscode-wechat, npm, babel-javascript, Chrome용 디버거, git 렌즈, 노드 디버그 2,

선택 사항: javascript(ES6) 코드 조각, Reactjs 코드 조각, 반응 네이티브 es6/es7용 /react/redux 스니펫, 잘못된 문자 강조, 색상 강조, 경로 Intellisense, 부분 diff

2. 새 데모 만들기

1 단축키 Ctrl+`를 사용하여 VSCode 편집기에서 터미널을 엽니다. 2. 터미널 데모에 create-react-app을 입력하고 자동으로 데모 프로젝트를 생성합니다

3. CD 데모를 시작하여 프로젝트를 실행합니다

4. echarts를 사용합니다. 반응 프로젝트

1. echarts

2를 도입하려면 터미널에 Yarn add echarts 명령을 입력하세요. echarts를 사용해야 하는 js 파일에 요청 시 도입할 수 있는 특정 모듈 목록이 있습니다. , 데모->node_modules->echarts->index.js 파일

// 引入 ECharts 主模块
import echarts from 'echarts/lib/echarts';
import 'echarts/lib/chart/line';
// 引入柱状图
import 'echarts/lib/chart/bar';
// 引入提示框和标题组件
import 'echarts/lib/component/tooltip';
import 'echarts/lib/component/title';

4, 단축키

배치 작업을 종료하려면 터미널에서 ctrl+c를 사용하세요.

위 내용은 vscode로 반응을 개발하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!