ScenarioEditor
Scenario Editor 7.7.1
Uurage 시나리오 편집기는 통신 시나리오를 편집하기위한 웹 응용 프로그램 구성 요소입니다.
php> = 7.4를 포함하는 서버 스택.
온라인 사용을 위해서는 작은 웹 호스팅 패키지가 있어야합니다. Linux 환경은 Windows 서버보다 더 일반적이며 더 잘 지원됩니다. 오프라인에서는 Windows에서 로컬 사용 인 XAMPP는 합리적인 옵션입니다.
모든 파일을 디렉토리에 배치하고 public 서브 디렉토리를 웹 루트 (Apache의 DocumentRoot )로 설정하십시오. 웹 루트를 변경할 수는 없지만 웹 루트가 포함 된 디렉토리에 대한 쓰기 액세스가 있으면 모든 파일을 배치하고 public 의 내용을 웹 루트로 이동할 수 있습니다.
네임 스페이스 http://uurage.github.io/scenarioeditor/config/namespace를 사용하여 구성 언어를 기반으로 구성 XML 파일을 작성하고 filename config.xml 사용하여 public/editor 디렉토리에 넣으십시오. 튜토리얼도 제공됩니다.
NPM 패키지의 목적은 개발 종속성을 관리하는 것입니다. 우리는 파일을 건축 (변형)과 관련된 기술을 사용합니다 (아래 참조). NPM 패키지를 사용하면 모든 것을 한 번에 빌드하고 파일을 저장할 때마다 마지막 빌드 이후 변경된 파일을 빌드 할 수 있습니다.
Node.js를 설치하고 다음 명령을 실행하여 개발 종속성을 설치하십시오.
npm install -g gulp-cli
npm install
빌드하려면 gulp build 실행하십시오. 파일 변경을 구축하고 지켜 보려면 gulp 실행하십시오.
시나리오 편집기에는 Gulp 실행을위한 Visual Studio 코드 작업이 있습니다. 종속성을 설치 한 후이 작업은 코드 편집 창에서 Ctrl+Shift+B 로 실행될 수 있습니다.
시나리오 편집기는 스타일링을 위해 SASS 파일 모음을 사용합니다. SASS를 CSS에 컴파일하는 방법에는 여러 가지가 있습니다.
위의 "NPM 패키지"를 참조하십시오. gulp sass 실행하여 한 번 컴파일하십시오.
표준 SASS 컴파일러를 사용하여 컴파일 할 때는 폴더 public/editor/sass 시청하여 public/editor/css 로 컴파일해야합니다.
BrowserSync를 사용하고 localhost 프록시 호스트 이름으로 사용하는 gulp stream 실행하여 브라우저의 스타일 시트 변경을 실시간으로로드 할 수 있습니다.
