Blog Content

Vue cli ?command line interface 의 약자이며명령어를 입력하면 cli가 자동으로 결과물을 생성해준다. cli를 사용하면프로젝트 생성 및 프로젝트 관리가 편리하다플러그인 추가, 삭제가 가능하고, GUI로 되어 있어 편하다 node.js를 설치 했으면커멘트창에 명령어를 입력해서 cli를 설치 한다. 윈도우에서는 : npm install -g yam @vue/cli맥에서는 : sudo npm install -g yam @vue/cli 설치가 끝나면 cli를 실행한다. 이어서 명령어를 입력한다. 커멘드창에 : vue ui 입력한다. 실행하고 조금만 기다리면 실행된다.

Quasar Framework를 사용해서 Vue.js 에 관련하여 공부를 하려고 한다. Quasar Framework 공식 사이트에 들어가보면 알겠지만 Vue.js 기반으로 보안, UI등 많은 기능들을 제공한다.코드 작업 한번으로 여러가지 플렛폼에 한번에 적용된다. 그리고 무료다! 링크 : Quasar Framework 내가 설치한 개발환경이다. Visual Studio Code : 개발 코딩 작업할 프로그램설치 : code.visualstudio.com 아래 설명대로 진행하다가 안된다고 해서 확인했는데 설치가 덜되어서 문제가 생겼다. 이럴경에는 간단하게 https://nodejs.org/ko/ 이곳에 가서 node.js 를 설치해주면 된다. 1. Visual Studio Code에서 quasar 설치V..

Visual Studio 2017에서 Vue 프로젝트 생성이 가능하다. Vue.js Pack 2017 설치 (링크 : Vue.js Pack 2017)node.js 설치 (링크 : node.js)Vue Devtools 설치 (링크 : Vue Devtools) 모두 설치 한다. 설치가 모두 끝났으면... Visual Studio 2017을 실행하고 프로젝트를 생성한다.Vue.js Pack 2017 설치가 잘 됐으면 새 프로젝트 > JavaScript > 기본 Vue.js 웹 응용 프로그램이 보인다. 프로젝트 생성이 되고 F5 눌러서 디버깅 모드로 실행했다.node.js 가 실행이 되고... 결과 화면

vue.js 환경 설정 관련해서 봤는데 설치 어떤거 해야 하나 봤는데 책이나 예제를 봐도 거의 개발툴이 다 다른데...나는 vusial studio 2017이 설치가 되어 있어 일단 이걸로 되는지 해봤다. visual studio 2017을 실행해서 기본 프로젝트를 만들었다. 안쓰는건 다 삭제하고... WebForm1.aspx랑 main.js 파일을 추가 했다. 이렇게 하고 코딩을 해봤다...아무것도 모른다...그냥 이렇게 하면 되요~해서 따라했다... WebForm1.aspx 12345678910111213141516 {{ godffs }} Colored by Color Scriptercs main.js 1234567var app = new Vue({ el: '#app', data: { godffs: ..

난 이게 뭔지도 몰랐다... 그냥 넘어가려고 했지만 궁금해서 검색해 봤는데 vue.js 의 등장 배경에 대해서 읽고 보니 관심이 생겼다. 그래서 좀더 찾아봤는데 다들 쉽다고 블로그에 글을 올렸다... 이게 뭐야? 내가 보기엔 아닌데...ㅡ_ㅡ;; vue.js 로 컴퓨터랑 대화를 나눠 봐야겠다...