Vue.js 기반 (설치)

2202 단어 JavaScriptVue.js

개시하다


좋은 아침입니다.안녕하세요.안녕하세요.
나루터입니다.
이번에는 베입니다.js를 볼 수 있었으면 좋겠다고 쓰여 있어요.
그럼 금방 갈게요.

Vue.무엇이 js입니까?


공식 사이트
Vue.js 또는 Vue는 웹 응용 프로그램에서 사용자 인터페이스의 오픈 소스를 구축하는 데 사용되는 JavaScript 프레임워크입니다.다른 JavaScript 라이브러리를 사용하는 항목으로 가져올 때는 쉽게 설계됩니다.한편, 고기능의 한 페이지 애플리케이션(SPA)을 구축할 수도 있다.
chrome 확장된 vuejs-devtools 넣으면 편해요.

환경 구조


이번에는 CDN을 사용하지 않고 vue-cli를 사용합니다.

node가 설치되었는지 확인

$ node -v
v11.2.0
명령을 입력해도 버젼이 표시되지 않으면 설치하십시오 node.js.
다음을 확인하십시오.
$ npm -v
6.9.0

vue.js 설치


위의 일을 확인하고 드디어 vue.js를 설치합니다.
$ npm install -g vue-cli
성공하면 다음 내용을 확인하세요.
$ vue -V
3.1.1
확인할 수 있으면 다음 명령을 실행하십시오.
$ vue init webpack test-vue
※ test-vue 부분은 프로젝트 이름 & 목록 이름입니다.
많은 질문을 받았지만 전부 Enter도 가능합니다.
실행이 끝나면 다음과 같이 하십시오.
$ cd test-vue
$ npm run dev
브라우저에서 localhost:8080에 액세스하십시오.Vue 애플리케이션의 기본 제공
다음 화면이 표시될 것입니다.

이렇게 환경 구축이 끝난다.
수고하셨습니다.

최후


끝까지 읽어주셔서 감사합니다.
만약 잘못이 있으면 건의하고 지적하면 저에게 알려주세요.
다음은 Vuex, Nuxt입니다.나는 js에 관한 일을 이야기하고 싶다.

좋은 웹페이지 즐겨찾기