Webstorm 웹스톰 2019 다운로드 설치하기

구글에서 까즈자료실 검색하세요

 

1.프로그램명: Webstorm 웹스톰 2019 다운로드 설치하기
2.라이센스 : 셰어웨어 - 개인 
 - 기능 제한 없는 30일 사용 가능한 버젼입니다.

3.출처 : jetbrains.com/webstorm/
4.언어 : 영문
5.제작사 : jetbrains
7.버젼

 - 2019.2.1
8.시스템 요구사양 :

 - Intel Pentium III or equivalent 
 - 500 MB Hard Disk Space 
 - 1GB RAM
9. 지원 운영체제 :   
 - Microsoft Windows 7

 - Microsoft Windows 8

 - Microsoft Windows 10


WebStorm은 JetBrain사에서 만든 IDE 프로그램 입니다. HTML, CSS, JavaScript 등 Client Side 개발을 주로 할 수 있는 통합 개발 환경(IDE)입니다. WebStorm은 JavaScript 및 JavaScript로 컴파일 된 언어, Node.js, HTML 및 CSS에 대한 스마트 코딩 지원을 제공합니다. 이러한 모든 언어에 대한 코드 완성, 강력한 탐색 기능, 즉석 오류 감지 및 리팩토링이 가능합니다.

 

웹스톰 주요 기능

1. 지능적인 코딩 지원
- 프레임 워크 : WebStorm은 Angular , React , Vue.js 및 Meteor에 고급 코딩 지원을 제공합니다 . 모바일 개발을위한 React Native, PhoneGap, Cordova 및 Ionic을 지원하고 Node.js 를 통해 서버단 개발이 가능합니다.
- 스마트 에디터 : IDE는 프로젝트를 분석하여 지원되는 모든 언어에 대해 최상의 코드 완성 결과 를 제공합니다 . 수백 가지의 내장 검사 는 입력 할 때 가능한 모든 문제를보고하고 빠른 수정 옵션을 지원합니다.
- 탐색 및 검색 : WebStorm을 사용하면 대규모 프로젝트 작업시 코드를보다 효율적으로 처리하고 시간을 절약 할 수 있습니다. 한 번의 클릭 으로 메소드, 함수 또는 변수 정의 로 이동하거나 사용법을 검색하십시오
 
2. 디버깅, 추적 및 테스트
- WebStorm은 클라이언트 측 및 Node.js 애플리케이션의 디버깅, 테스트 및 추적을위한 강력한 내장 도구를 제공합니다. 최소한의 구성이 필요하고 IDE에 신중하게 통합되므로 WebStorm을 통해 이러한 작업이 훨씬 쉬워집니다.
- 디버깅 : WebStorm은 클라이언트 측 코드 (Chrome에서 작동) 및 Node.js 앱을위한 내장 디버거 를 제공합니다. IDE를 떠나지 않고 중단 점을 배치하고 코드를 단계별로 실행하고 표현식을 제공합니다.
- 테스팅 : WebStorm이 Karma 테스트 러너, Mocha , Jest 및 Protractor 와 통합되므로 쉽게 테스트를 수행 할 수 있습니다. IDE 내에서 직접 테스트를 실행하고 디버그하고 결과를 시각적으로보기 좋습니다
- 추적 및 프로파일링 : WebStorm에는 JavaScript 코드를 추적하는 데 도움이되는 내장 도구 인 spy-js가 있습니다. 파일이 함수 호출과 연결되는 방법을 탐색하고 가능한 병목 현상을 효율적으로 식별합니다.

3.완벽한 툴 통합
- WebStorm은 웹 개발을 위해 널리 사용되는 명령 줄 도구와 통합되어 명령 줄을 사용하지 않고도 생산적이고 능률적 인 개발 경험을 제공합니다.
- 빌드 도구 : IDE에서 바로 Grunt , Gulp 또는 npm 작업 을 실행할 수있는 간단한 통합 UI를 즐기십시오 . 모든 작업은 특수 도구 창에 나열되므로 작업 이름을 두 번 클릭하여 시작하십시오.
- 코드 품질 도구 : 수백 개의 WebStorm 자체 검사 외에도 ESLint , JSCS , TSLint , Stylelint , JSHint 또는 JSLint 를 코드에 대해 실행하고 편집기에서 즉시 문제를 강조 표시 할 수 있습니다.
- 프로젝트 템플릿 : Express 또는 웹 스타터 키트 와 같은 인기있는 프로젝트 템플릿을 사용하여 시작 화면에서 새 프로젝트를 시작 하고 Yeoman 과의 통합 덕분에 훨씬 더 많은 프로젝트 생성기에 액세스 할 수 있습니다 .

4.IDE 기능
- WebStorm은 오픈 소스 IntelliJ 플랫폼 위에 구축되었으며, JetBrains에서 15 년 이상 개발하고 완성 해 왔습니다. 개발 워크 플로우에 맞게 미세 조정되었지만 고도로 사용자 정의 가능한 환경을 즐기십시오.
- VCS : WebStorm은 널리 사용되는 많은 버전 제어 시스템과 작업하기위한 통합 UI를 제공하여 git, GitHub, SVN, Mercurial 및 Perforce에서 일관된 사용자 경험을 보장합니다.
- 현지 역사 : VCS를 사용하든 아니든 로컬 히스토리는 실제 코드 세이버 가 될 수 있습니다 . 언제든지 특정 파일이나 디렉토리의 기록을 검사하고 이전 버전으로 롤백 할 수 있습니다.
- 커스터마이징 : WebStorm은 매우 사용자 정의 할 수 있습니다. 바로 가기, 글꼴 및 시각 테마에서 도구 창 및 편집기 레이아웃에 이르기까지 코딩 스타일에 완벽하게 맞도록 조정하십시오.

 

 

 

단축키 모음

- 키맵위치 : C:\Users\[사용자]\.WebStorm2019.2\config\keymaps

 

동일 변수 선택 ( 윈도우)
alt + j
alt + shift + j
alt + ctrl + shift + j ( 일관 선택)


WebStorm 단축키 (추가 메모)
Default Shortcut 기준


Editing
ctrl + [ or ctrl + ] : 블럭의 처음과 끝으로 이동.
ctrl + D / ctrl + Y : 한줄 복사 / 삭제
ctrl + O : 파일 오픈 short cut이 지정되어있지 않아서, 임의로 이걸로 변경했음.
ctrl + - / ctrl + = : 블럭 접기 / 펴기
ctrl + Shift + - / ctrl + Shift + = : 문서 전체 접기 / 펴기
alt + Shift + Insert : column 편집 모드 toggle


소스 정리 관련
ctrl + Shift + J : 쓸데없는 공백 삭제.


WS Tool 기능 관련
ctrl + Shift + F : 전체 경로에서 text 검색
Alt + Back Quote : VCS Operations 팝업 띄움.
recent project > Delete-key : 프로젝트 삭제 도대체 어디서 하는지 몰라서 한참 헤맸음!!!!
Editor-Tap에서 우크릭 > split ... : 화면 분할. mark down 문서는 text 하나, preview 하나 분할해놓고 편집하니깐 편함!
영역선택 + Ctrl + Alt + I : 전체 들여쓰기 자동 정리.


Git 관련
ctrl + Alt + A : Add to Git
ctrl + K : Commit to Git
ctrl + Shhift + K : Push to Github (WebStorm에서는 커밋대신 커밋&푸시~ 하는게 더 깔끔하게 history 관리가 됨)


Surfing
Find Usages( 사용하는곳 찾기 ) : Alt + F7
Declaration( 소스 따라가기 ) : Ctrl + B
Back( 이전으로 ) : Ctrl + Alt + Left(← 키)
Forward( 앞으로 ) : Ctrl + Alt + Right(→ 키)


Debug
Step over(그냥 지나가기) : F8 
Step into(함수 안으로 들어갈떼) : F7 
Step out(함수 밖으로 나가고 싶을때) : Shift + F8 
Run(고고) : F9 


webstorm단축키 설명:
Editing 관련 단축키 편집
Ctrl + Space: Basic code completion (the name of any class, method or variable) 기본 코드 완성 (어떤 종류의, 함수 또는 변수를) 하다Alt+S
Ctrl + Shift + Enter: Complete statement 완성 현재 문
Ctrl + P: Parameter info (within method call arguments) 매개 변수 정보 포함 호출 매개 변수
Ctrl + mouse over code : Brief Info 간단한 정보
Ctrl + F1 : Show description of error or warning at caret 커서 위치에 오류 메시지 혹은 경고 메시지 보이기
Alt + Insert : Generate code…(Getters, Setters, Constructors)새 파일이 아님 생성 코드, … 생성자 만들기 클래스 안에 어떤 필드 getter 및 setter 수 있는 방법
Ctrl + O : Override methods 적재량이 큰 방법
Ctrl + I : Implement methods 실현 방법
Ctrl + Alt + T : Surround with…(if, else, try, catch, for, etc)자, 이제 소용 * 선택한 코드 줄 (* 포함 if, while, try catch 등)
Ctrl + / : Comment/uncomment with line comment 줄 주석 / 취소 줄 주석
Ctrl + Shift + / : Comment/uncomment with block comment 원 / 취소 블록, 주석, 설명
Ctrl + W : Select successively increasing code blocks 선택 코드 블록, 보통 증분 선택
Ctrl + Shift + W : Decrease current selection to previous state 이전 단축키 거야 대체, 감량 선택 코드
Alt + Q : Context info 문맥 정보
Alt + Enter : Show intention actions and quick-fixes 의도를 빠른 효과를 행동
Ctrl + Alt + L : Reformat code 템플릿 형식 대한 따라 코드 포맷
Tab/ Shift + Tab : Indent/unindent selected lines 선택한 행 을 단축해서 필적한다 처리 / 취소 단축해서 필적한다 처리
Ctrl + X or Shift + Delete : Cut current line or selected block to clipboard 현재 행 혹은 잘라내기 선택한 코드 블록 클리보드에
Ctrl + C or Ctrl + Insert : Copy current line or selected block to chipboard 현재 행 혹은 복사 선택한 코드 블록 클리보드에
Ctrl + V or Shift + Insert : Paste from clipboard 클립보드 내용 붙여넣기 위에
Ctrl + Shift + V : Paste from recent buffers 붙여넣기 버퍼 중 최신 내용
Ctrl + D : Duplicate current line or selected block 현재 행 혹은 복사 선택한 코드 블록
Ctrl + Y : Delete line at caret 커서 위치에 행 삭제
Ctrl + Shift + J : Smart line join(HTML and JavaScript only)가입 지능 돼 (HTML 및JavaScript)
Ctrl + Enter : Smart line split(HTML and JavaScript only)분리 지능 돼 (HTML 및JavaScript)
Shift + Enter : Start new line 별행을 잡다
Ctrl + Shift + U : Toggle case for word at caret or selected block 커서 위치에 대소문자 변환
Ctrl + Shift + ]/[ : Select till code block end/start 선택 코드 블록 끝 / 시작할 때까지
Ctrl + Delete : Delete to word end 삭제 문자 끝
Ctrl + Backspace : Delete to word start 삭제 문자 시작
Ctrl + NumPad+/- : Expand/collapse code block 확대 / 축소 코드 블록
Ctrl + Shift+ NumPad+ : Expand all 확장 모든
Ctrl + Shift+ NumPad- : Collapse 감축 모든
Ctrl + F4 : Close active editor tab 편집 탭 닫기 활발하다


Search/replace관련 검색어 / 대체 단축키
Ctrl + F  : Find 현재 파일 안에 빠른 찾기 코드
Ctrl + Shift + F  : Find in path 지정한 파일 안에 찾기 경로
F3  : Find next 다음 찾기
Shift + F3  : Find previous 이전 찾기
Ctrl + R  : Replace 현재 파일 안에 대체 코드
Ctrl + Shift + R  : Replace in path 지정한 파일 안에 대량 대체 코드


Usage Search검색 관련 단축키
Alt + F7/Ctrl + F7  : Find usages/Find usages in file 사용 / 사용 파일을 찾을 수
Ctrl + Shift + F7  : Highlight usages in file파일에 멋진 사용
Ctrl + Alt + F7  : Show usages 디스플레이 사용


Running실행
Alt + Shift + F10  : Select configuration and run 선택 프레임, 실행
Alt + Shift + F9  : Select configuration and debug 선택 프레임, 수리 구멍
Shift + F10  : Run 실행
Shift + F9  : Debug 터진 구멍
Ctrl + Shift + F10  : Run context configuration from editor 다시 실행 내용 편집 수립하다.
Ctrl + Shift + X  : Run command line 실행 명령 행


Debugging Debugging관련 단축키
F8  : Step over 안 들어갈 함수
F7  : Step into 단계
Shift + F7  : Smart step into 지능 단계
Shift + F8  : Step out 벗어나다
Alt + F9  : Run to cursor 실행 중 커서 곳 까지
Alt+ F8  : Evaluate expression 표현 평가
F9  : Resume program 다시 시작 프로그램
Ctrl + F8  : Toggle breakpoint 전환 정지점
Ctrl + Shift + F8  : View breakpoints 보기 정지점


Navigation 위치 관련 단축키 : 
Ctrl + N  : Go to class위치로 이동 지정한 종류의
Ctrl + Shift + N  : Go to file 파일 이름 빠른 찾기 공사 내의 파일을 통해
Ctrl + Alt +Shift + N  : Go to symbol 한 개의 문자 위치 통해 찾기 기능
Alt + Right/ left  : Go to next/ previous editor tab 다음 / 이전 편집기 설정 들어가다
F12  : Go back to previous tool window 이전 도구 창 들어가다
Esc  : Go to editor(from tool window) 도구 창 들어갈 때부터 편집기
Shift + Esc  : Hide active or last active window 활성 창 숨기기
Ctrl + Shift + F4  : Close active run/message/find/…tab &hellip. 탭 닫기 활동;
Ctrl + G  : Go to line 위치로 이동 몇 번째 행
Ctrl + E  : Recent files popup 팝업 최근 파일 열기
Ctrl + Alt + Left/Right  : Navigate back/forward 탐색 전진 / 뒤로
Ctrl + Shift + Backspace  : Navigate to last edit location 향해 요즘 편집 위치 탐색
Alt + F1  : Select current file or symbol in any view 현재 선택한 파일 찾기 코드 또는 다른 인터페이스 모듈 위치
Ctrl + B or Ctrl + Click  : Go to declaration위치로 이동 정의 곳
Ctrl + Alt + B  : Go to implementation(s) 도약 실현 곳 방법
Ctrl + Shift + B  : Go to type declaration 이동 방법 정의 곳
Ctrl + Shift + I  : Open quick definition lookup 정의 빠른 찾기 열기
Ctrl + U  : Go to super-method/super-class 이동 방법 / 초계급
Alt + Up/Down  : Go to previous/next method 이 방법은 간 빠른 이동 위치
Ctrl + ]/[  : Move to code block end/start 위치로 이동 코드 블록 끝 / 시작
Ctrl + F12  : File structure popup 파일 구조 팝업
Ctrl + H  : Type hierarchy 형식의 계층
Ctrl + Alt + H  : Call hierarchy 호출 계층 구조
F2/ Shift + F2  : Next/previous highlighted error 위치로 이동 후 한 / 전에 오류가 강조 오류 또는 경고 빠른 위치, 사용할 수 있는 오류 바로 이 단축키 문구 사이에 진행 이동.
F4/Ctrl + Enter  : Edit source/ View source 편집 코드 / 보기 소스 코드
Alt + Home  : Show navigation bar 탐색 표시줄 보이기
F11  : Toggle bookmark 태그 바꾸기
Ctrl + F11  : Toggle bookmark with mnemonic 채택 기억 전환 표시
Ctrl + #[0-9]  : Go to numbered bookmark 위치로 이동 데리고 번호 표기
Shift + F11  : Show bookmark 화면 표시


Refactoring 재구성이다 관련 단축키
F5 : Copy 프린트 : 
F6  : Move 이동
Alt + Delete  : Safe Delete 안전하게 제거
Shift + F6  : Rename 다시 명명한다
Ctrl + Alt + N  : Inline Variable 끼워넣기 변수
Ctrl + Alt + M  : Extract Method( Javascript only) 추출 함수
Ctrl + Alt + V  : Introduce Variable 도입 변수
Ctrl + Alt + F  : Introduce Field 도입 필드
Ctrl + Alt + C  :  : Introduce Constant 도입 상수 : 



VCS/Local History 버전 제어 시스템 / 로컬 역사 관련 단축키
Alt + BackQuote( )  : ‘VCS’quick popup 빠른 팝업 VCS
Ctrl + K  : Commit project to VCS 제출 프로젝트 ~VCS
Ctrl + T  : Update project from VCS 에서 VCS 업데이트 항목
Alt + Shift + C  : View recent changes 보기 최신 바꾸다


General 상용 관련 단축키
Ctrl + Shift +A  : Find action 찾기 기능 및 호출 편집기 : 
Alt + #[0-9]  : Open corresponding tool window 빠른 전환 열 인터페이스 모듈
Ctrl + Alt + F11  : Toggle full screen mode 전체 화면 모드 전환
Ctrl + Shift + F12  : Toggle maximizing editor 전환 최대화 편집기
Alt + Shift + F  : Add to Favorites 현재 파일 추가 ~ 즐겨찾기
Alt + Shift + I  : Inspect current file with current profile 현재 속성 검사 현재 파일 사용
Ctrl + BackQuote( )  : Quick switch current scheme 빠른 전환 기존 그룹
Ctrl + Alt + S  : Open setting dialog 열 설정 대화상자
Ctrl + Tab  : Switch between tabs and tool window 태그 및 도구 창 변환 (및 windows 단축키 충돌)

 


다운받기

[최신 버젼]

- v2019.2.2 : https://download-cf.jetbrains.com/webstorm/WebStorm-2019.2.2.exe

- v2019.2.2 분할압축 : 다운로드

 

 

[구버젼]

- v2019.2.1 https://download-cf.jetbrains.com/webstorm/WebStorm-2019.2.1.exe
- v2019.2 : https://download-cf.jetbrains.com/webstorm/WebStorm-2019.2.exe
- v2019.1.4 : https://download-cf.jetbrains.com/webstorm/WebStorm-2019.1.4.exe
- v2019.1.3 : https://download-cf.jetbrains.com/webstorm/WebStorm-2019.1.3.exe
- v2019.1.2 : https://download-cf.jetbrains.com/webstorm/WebStorm-2019.1.2.exe
- v2019.1.1 : https://download-cf.jetbrains.com/webstorm/WebStorm-2019.1.1.exe
- v2019.1 : https://download-cf.jetbrains.com/webstorm/WebStorm-2019.1.exe
- v2018.3.6 : https://download-cf.jetbrains.com/webstorm/WebStorm-2018.3.6.exe

- v2019.3.6 분할압축 : 다운로드

 

[다른 버젼 보기]

- 다른 개발툴 보기