VSCode 플러그인
- Vutur : 싱글파일 컴포넌트 기반 자동완성 제공
- TSLint : 타입 에러를 잡아 줌
- ESLint : 코드 작성 규칙을 잡아 줌
- Auto Close Tag : HTML 태그를 자동으로 닫음
- Material Icon Theme : 아이콘을 명확히 잡아 줌
- Night Owl : 코드 하이라이팅
- Live Server : html 파일 우클릭시 브라우저 갱신
코딩 컨벤션
Style Guide — Vue.js
Vue.js - The Progressive JavaScript Framework
vuejs.org
변경사항
- 모듈 생성 키워드 vue create [proj-name]
- webpack.config.js 노출 X : 대신 vue.config.js 사용
- https://cli.vuejs.org/guide/webpack.html#modifying-options-of-a-loader
Working with Webpack | Vue CLI
Working with Webpack Simple Configuration The easiest way to tweak the webpack config is providing an object to the configureWebpack option in vue.config.js: The object will be merged into the final webpack config using webpack-merge . WARNING Some webpack
cli.vuejs.org
- npm install 키워드를 다시 할 필요없이 프로젝트 중간에 플러그인으로 바로 기능 추가
- ES6 에 대한 이해도가 필요
'Vue.js > Vue.js 심화' 카테고리의 다른 글
| 기본적인 폴더구조, 컨벤션 (0) | 2021.01.11 |
|---|