vue ui
vue ui
CLI Service
This is what you will see in the package.json of a project using the default preset:
{
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
}
}
npm run build # OR yarn build
Vue Loader
What is Vue Loader?
vue-loader is a loader for webpack that allows you to author Vue components in a format called Single-File Components (SFCs)
vue-loader는 SFC 형태의 Vue 컴포넌트를 작성할 수있는 webpack 용 로더입니다.
webpack
https://webpack.js.org/concepts/
https://ko.wikipedia.org/wiki/웹팩
Visual Studio Code 설치
Visual Studio Code - https://code.visualstudio.com/
Visual Studio Code Download - https://code.visualstudio.com/Download
Visual Studio Code Guide - https://code.visualstudio.com/docs
[Extensions]
Eclipse Keymap, ESLint, GitLens, Vetur, Vue 2 Snippets, Vue Theme, vue-beautify ..
settings.json
{
"javascript.suggestionActions.enabled": true,
"editor.formatOnSave": true,
"vetur.format.defaultFormatter.js": "prettier",
"vetur.format.defaultFormatterOptions": {
"prettier": {
"singleQuote": true
}
},
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
}
Devtools
https://github.com/vuejs/vue-devtools
Installation
Get the Chrome Extension
https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
https://flaviocopes.com/vue-devtools/#how-to-use-the-developer-tools
<router-link>
https://router.vuejs.org/kr/api/#router-link
'Frontend > vue' 카테고리의 다른 글
[Hoon] Vuejs 강의 - Vue Router 시작하기 (0) | 2020.05.22 |
---|---|
[Hoon] Vuejs 강의 - Simple To Do App 개발하기 (0) | 2020.05.19 |
[Hoon] Vuejs 강의 - Vue CLI 로 Vue SFC 개발 환경 생성하기 (0) | 2020.05.13 |
[Hoon] Vuejs 강의 - codesandbox 로 Vue SFC 환경 맛보기 (0) | 2020.05.13 |
[Hoon] Vuejs 강의 - v-for 와 컴포넌트 (0) | 2020.05.13 |
댓글