WEB FE

vue 프로젝트를 시작하며 알게된 VSCode 의 Syntax Highlight 적용 방법을 기록한다.

.vue 파일에 .html 파일에서 적용되는 기본 Syntax Highlight 을 적용하기 

1. setting.json 파일열기

F1 키 > 커맨드 창에 Preferences:Open Settings(JSON) 검색 > settints.json 파일 열림

2. settings.json 에 files.association 설정추가

{
    "workbench.colorTheme": "Default Dark+",
    "terminal.integrated.defaultProfile.windows": "Command Prompt",
    
    // 라인6 의 코드추가
    "files.associations": {"*.vue":"html"},
    
    // 기타
    // 1. ctrl 키 + 마우스 wheel 이벤트로 폰트 확대/축소
    "editor.mouseWheelZoom": true,
 }

vue 개발을 시작하기 위해 vsc 설치부터 vue 프로젝트 생성 중에 마주한 난관을 아래 링크의 은인이 구제해주셨다.

출처링크① : singa-korean.tistory.com/21

난관은 vsc 설치 -> npm 설치 -> vue -g 설치 및 프로젝트를 꾸릴 폴더를 지정한 후

vue 프로젝트를 생성하기 위해 vsc 터미널에 vue -v 스크립트를 실행했을 때 발생했다.

처음에는 powershell 설정이 잘못되었나 싶어

vsc 터미널 우측 상단의 1.powershell 지정 터미널을 Select Default Shell 선택 ->

Windows Powershell 로 지정 -> 스크립트를 실행했으나 터미널 설정은 문제가 아니었다.

결론은 아래의 설명처럼 Windows Powershell 에서의 실행권한 ExecutionPolicy 문제였다.

Execution Policy 는 Powershell 보안정책의 일부로 스크립트 실행의 조건? 을 설정할 수 있다.

내 컴퓨터는 이 Powershell 의 설정이 기본값으로 되어있었고,

기본값 설정은 스크립트를 수행할 수 없는 상태이다.

여튼 그 설정을 Set-ExecutionPolicy RemoteSigned 명령으로 평화롭게 해결했다.

Windows Powershell 의 자세한 내용은 MS 설명서에 있는 아래의 링크를 참고하면 된다.

출처링크② : docs.microsoft.com/ko-kr/previous-versions/windows/powershell-scripting/hh847748(v=wps.640)?redirectedfrom=MSDN

( 참고용 이미지. 출처는 출처링크①  )

지금은 바로 이클립스를 실행해야 하기에 정확한 원인은 추후에 확인해봐야겠다..

일단 이클립스를 온전히 켜기위해 시도해보아야 할 것들을 '귀찮음 정도: 하 --> 상' 으로 정리해 본다.

시도1. eclipse.ini 파일 수정

• eclipse.ini 파일 내 -vmargs 상단에 -vm JDK폴더위치/bin/javaw.exe 코드 삽입
  • javaw.exe 나 java.exe 나 java 를 구동시키는 역할을 하는 것에서는 차이가 없음
  • javaw.exe 를 삽입하는 것은 eclipse 에서 java 를 읽어오지 못하는 경우에 한해 먹힐 시도 임
• 저장 후 eclipse 실행

  후기)

• 문제해결 안됨
• java JDK 경로를 찾지 못해서 발생한 오류는 아니었음
  ( workspace 관련 팝업창까지는 실행되었기 때문 )
• eclipse 실행 시 eclipse 로고만 깜빡이는 현상, 로딩화면만 깜빡이고 금방 사라지는 현상 등 eclipse 자체가 나타나지 않는 경우에 해볼법한 시도

시도2. workspace 내 \.metadata 폴더 하위  workbench.xmi 파일 삭제

• 구동하려는 workspace 내 .metadata/.plugins/org.eclipse.e4.workbench 폴더 하위 workbench.xmi 파일 삭제
• eclipse 실행

  후기) 

• 문제해결 완료
• workspace 내 .log 파일을 확인하여 오류가 나는 부분을 정확히 확인하여 그 부분을 해결하는 것이 정석이나
  .log 파일 내 기록이 남지 않아 정석대로 해결하지는 못함
• workbench.xmi 파일은 eclipse 종료 후 다시 workspace 를 열었을 때, 마지막에 작업하고 있던 파일을 포함하여 기타 설정들이 유지되도록 저장하는 역할을 한다.
• eclipse 실행 및 workspace 설정 후 로딩창에서 더 이상 실행되지 못하고 멈추어 버리는 현상에 해결가능한 시도