Vue.js Advent Calendar 2015의 다음날.
이번에는 Vueify를 쉽게 시도할 수 있는 도구를 만들어 보았다.

Vueify 정보

Vueify 쓰세요?
Vueify는 구성 요소를 정의하는 데 편리하지만 최근에 대응하는 열의 방향을 바꾸는 것도 개발 체험을 향상시키는 데 도움이 된다.편집기에서 고릴라 vue 파일을 다시 쓰면 브라우저에서 SPA를 실시간으로 조립하면 단순히 개발 속도를 높일 수 있어 사실상 감동적이었다.
Vueify는 매우 편리하지만 설치하기가 매우 번거롭다.
git clonevueify-example을 추천합니다. 이번에는 더 간단하게 vueify를 체험할 수 있는 편집기를 만들어 보았습니다.

창고.

여기 있습니다.
https://github.com/hashrock/vueify-editor

몸짓

설치하다.

다음 명령을 실행합니다(Windows에서는 실행되지 않을 수 있습니다).

git clone https://github.com/hashrock/vueify-editor
cd vueify-editor
npm install
npm start

그리고 아래 주소를 열어 주세요.
http://localhost:3000
※ browserify를 구축하는 데 시간이 걸리며, 페이지가 비어 있으면 다시 불러오세요.

사용법

왼쪽 화면은 앱입니다.vu 파일을 편집하는 편집기입니다.
여기에 HTML, CSS, JS를 입력하면 몇 초 후browserify 구축을 실행하여 외관에 즉시 반영합니다.
(※ 데이터의 반영은 브라우저를 다시 불러와야 합니다. vueify의 열 재부팅 규격은 데이터의 내용을 실시간으로 반영할 수 없습니다. 초기화하면 오히려 번거로울 수 있습니다.)

끝말

첫 번째 인코딩 편집기로 사용할 수 있습니다.
여러 개의 vu 파일을 구성할 때 어쨌든 개발 환경을 잘 조정해야 한다.어쨌든 게임용이죠?
또한 이 편집기 자체도 Vue입니다.js로 제작.Codemirror와의 협업은 무리지만... 그래도 움직이는 게 좋을 거야.그럼 내일 어드벤트 캘린더도 기대해주세요!