반응형

https://github.com/ojdkbuild/ojdkbuild 여기서 윈도우용 설치 가능한 파일을 다운로드 할수 있다.

github.com openjdk buildgithub.com openjdk build


openjdk 11로 설치할 예정이다.

java-11-openjdk-11.0.1.13-1.ojdkbuild.windows.x86_64.msi (sha256) 을 클릭 하여 다운로드 한다.

약 240MB 정도 된다.

다운로드 후 파일을 클릭하여 실행한다.

window defenderwindow defender java openjdk install

윈도우 Defender에서 차단한다. 그래도 그냥 실행해서..


설치 마법사화면이 보이며 진행한다.

openjdk wizardopenjdk wizard

라이센스 동의하고 다음 으로 진행한다.

openjdk license 동의openjdk license 동의

기본으로 JAVA_HOME Variable 과 JAR Files Association 은 선택이 안되어 있다.

일단 기본으로 설치한다.

설치경로는 기본으로 Program Files\ojdkbuild\java-11-openjdk-11.0.1.1-1\ 로 되어있다.

openjdk 설치 설정openjdk 설치 설정


java -version 하면 그냥 기존에 있던 버전으로 표시된다.

JAVA_HOME 환경변수를 안바꿔서 그렇다.


STS 에서 설치한 openJDK를 사용할수 있게 해보자.

Window -> Proferences -> java -> Installed JREs


sts Installed JREsWindow -> Proferences -> java -> Installed JREs


Add JRE 버튼으로 클릭 Standard VM 선택 Next 다음

sts add JRE


sts add JREJRE home

OpenJDK설치 경로를 선택하면 JAE name 이 알아서 선택된다.

Finish 로 완료 한다.

new spring starter projectnew spring starter project java version 11

새 스프링 프로젝트 를 누르면 Java  Version에 11 버전이 나오면 끝.




반응형
반응형

STS 메뉴 -> Help ->  Eclipse Marketplace -> "Angular" 로 검색


Angular IDE CI 가 제일 위에 있다. 이놈은 라이센스가 있는놈이다. 무료평가 시기 45일 지나면 못쓴다.  그래서 이놈은 패스

아래 AngularJS Eclipse 1.2.0 요놈은 AngularJS 라서 패스.

조금더 내리다 보면 Angular Eclipse 1.3.0 이 있다. 요놈으로 설치 해볼려고 한다.


Angular Eclipse 1.3.0 2018-12-07 지금 이건 설치 비추한다. 

여러가기 버그가 존재하고. 

https://github.com/angelozerr/angular-eclipse/issues/107 해결이 안된다. 

설치 해보고 싶으면 Angular IDE CI 요놈으로다가 무료기간 동안만 써보시길 바란다.


Angular Eclipse is a set of plugins which provide support for Angular:


타입스크립트 지원, Angular cli 통합 터미털, Angular@ 문법을 에디터에서 지원한다고 한다.

위자드와 라운처도는 파일 자동생성이나 빌드 관련 툴 같은데 나중에 써봐야겠다.


TypeScript Debugging support 는  Oxgen 버전 이상이어야 지원된다고 하는거 같은데 일단 체크 하고 다음 으로 진행 했다.


라이센스 동의후 완료 하면 창이 닫히면서 설치 진행된다.


중간에 보안관련해서 설치 진행 할꺼냐고 묻는다. Install Anyway 로 해서 진행 했다.


STS 재시작 하라고 나온다. Restart Now 로 재시작 한다.


머가 바꿨는지 보면 일단 오른쪽 상단에 Perspective 를 눌러보면 다음과 같이 Angular가 딱하니 있다.


Angular Perspective 로 변경해서 작업 하자.


기본 화면 구조는 같아보이고 하단에 터미널이 눈에 띈다.  CLI 관련 처리를 위해서 기본으로 나온거 같아보인다.


하면서 전부 캡쳐 해놓은거 캡쳐 프로그램 오류로 캡쳐 이미지 전부 없어졌다.   

아래는 맨마지막  Angular Perspective 로 변경 후 이미지를 다시 캡쳐한것이다.

sts angular perspectivests angular perspective view



https://angular.io/guide/language-service 에 있듯이 아래 3개 중에 하나로 하는걸 강추 한다.

Visual Studio code로 해볼 예정이다.

  • Visual Studio Code 

  • WebStorm

  • Sublime Text



반응형
반응형

처음 STS 를 설치하면 기본 테마로 코드 창이 하얏다.

기본 STS처음 설치시 STS 화면


기타 멋져보이는 개발자(?) 처럼 테마를 거무스름 하게 바꾸어보자

STS Proference 화면General -> Apperance 화면

메뉴에 Window -> Preference -> 좌측 메뉴 General -> Apperance 에서 테마를 ( Theme )  Dark  로 변경한다. 

기본은 Light로 되어 있었다.

변경후 [Apply and Close] 버튼을 클릭 하면 시력보호에 좋은 검은색 으로 완료~!.

STS 다크 테마 화면STS 다크 테마 화면


반응형
반응형


ngx-bootstrap 설치

npm install ngx-bootstrap --save


npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer depende

ncies yourself.

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):

npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","

arch":"any"} (current: {"os":"win32","arch":"x64"})


+ ngx-bootstrap@2.0.5

added 68 packages in 26.092s

=====================================================================================

ng2-charts 설치

npm install ng2-charts --save


npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):

npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (cur

rent: {"os":"win32","arch":"x64"})


+ ng2-charts@1.6.0

added 72 packages in 17.546s

=====================================================================================

chart.js 설치

npm install chart.js --save


npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependenci

es yourself.

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):

npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arc

h":"any"} (current: {"os":"win32","arch":"x64"})


+ chart.js@2.7.2

added 67 packages and updated 1 package in 17.462s

=====================================================================================

 jvectormap 설치

 npm i jvectormap


pm WARN deprecated jvectormap@2.0.4: jvectormap is not maintened since Aug 2015. You can use jvectormap-next or

jqvmap instead.

npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependenci

es yourself.

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):

npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arc

h":"any"} (current: {"os":"win32","arch":"x64"})


+ jvectormap@2.0.4

added 69 packages in 17.386s

=====================================================================================

jquery-slimscroll 설치

npm i jquery-slimscroll


npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependenci

es yourself.

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):

npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arc

h":"any"} (current: {"os":"win32","arch":"x64"})


+ jquery-slimscroll@1.3.8

added 68 packages in 13.269s

=====================================================================================

Many TsLint Foirmatting lssues Detected.

A hight number of formatting issues have been detected in project-name. Showing these can make more serious issues harder to see.


Show 356 formatting issues.

Disable checking of formatting issues for this project.


STS에서 알림창으로 TsLint  형식이 다른걸 표시 하겠냐 묻는다.

356개나 있다. 

=====================================================================================

STS 에서 문법 검사 해주는 내용.

Multiple markers at this line

- " should be '

- 3 changed lines

홀따옵표로 대부분 쓴다.


declare var jQuery:any;

missing whitespace

공백이 필요한 부분엔 정확히 넣어야 된다.
declare var jQuery: any;


Exceeds maximum line length of 140

3 quick fixes available:

 Remove rule 'max-line-length' from tslint.json

 Jump to rule configuration

 Disable TSLint validation for this project

 소스 라인당 140 줄이라네요. 일단 500으로 변경


var pageWrapper = jQuery('#page-wrapper');

Identifier 'pageWrapper' is never reassigned; use 'const' instead of 'var'.

재할당 되지 않는건 var 대신 const 를 사용해야 된다군요.


Missing semicolon

끝에 세미콜론도 체크해주네요.


import { HttpModule } from '@angular/http';


imports: [

    BrowserModule,

    FormsModule,

    HttpModule,

    DashboardsModule,

    LayoutsModule,

    AppviewsModule,

    RouterModule.forRoot(ROUTES)

  ],


HttpModule is deprecated: use

HttpModule이 deprecated 됬다는데 사용했다네.;


import { HttpClientModule } from '@angular/common/http';

imports: [

    BrowserModule,

    FormsModule,

    HttpClientModule,

    DashboardsModule,

    LayoutsModule,

    AppviewsModule,

    RouterModule.forRoot(ROUTES)

  ],


HttpModule HttpClientModule


=====================================================================================

 <canvas baseChart height="114"

                            [datasets]="lineChartData"

                            [labels]="lineChartLabels"

                            [options]="lineChartOptions"

                            [chartType]="lineChartType"

                            [colors]="lineChartColors">

                    </canvas>

Identifier 'lineChartOptions' is not defined. The component declaration, template variable declarations, and element references do not contain such a member

차트관련 라이브러리나 angular의 버전이 달라 발생하는 문제 같은데 아직 확인 중이다.






 

반응형

+ Recent posts