[Vue.js] Vue 프로젝트 설정

2022. 11. 28. 11:09Web/Vue.js

router -> index.js에 component inport /* webpackChunkName: "about", webpackPrefetch:true */
캐쉬에 저장되었다가 about 클릭 시 캐쉬에서 about.js 내려받음 
webpackPrefetch:true 가 없으면 about 클릭 시 서버에서 about.js 내려받음
사용자가 해당 메뉴를 많이 쓴다면 있으면 좋음

.prettierrc <- 파일명
{
"semi": false,
"bracketSpacing": true,
"singleQuote": true,
"useTabs": false,
"trailingComma": "none",
"printWidth": 80
}

package.json
"eslintConfig": {
"rules": { "space-before-function-paren": "off" } <- 추가
}

User Snippets(사용자 코드 조각 구성)
vue.json
"Generate Basic Vue Code": {
"prefix": "vue-start",
"body": [
  "<template>\n<div></div>\n</template>\n<script>\n\nexport default{ \n\tname:'',\n\tcomponents:{},\n\tdata(){\n\t\treturn{\n\t\t\tsampleData:''\n\t\t};\n\t},\n\tsetup(){},\n\tcreated(){},\n\tmounted(){},\n\tunmounted(){},\n\tmethods:{}\n}\n</script>"
],
"description": "Generate Basic Vue Code"
}

반응형