하랑파파꺼

vue-cli 3 에서 eslint 설정은 package.json 에서 설정 가능하다 예를 들어 jquery를 쓰고 싶다면 index.html에서 jquery를 CDN으로 넣고 package.json 파일에서 eslintConfig -> env -> "jquery": true 추가를 하면 됨. ex) "eslintConfig": { "root": true, "env": { "node": true, "jquery": true }, "extends": [ "plugin:vue/essential", "eslint:recommended" ], "rules": {}, "parserOptions": { "parser": "babel-eslint" } },

#Vue Cli 2 에서 설정 webpack,prod.conf.js 파일에서 removeAttributeQuotes: true, 를 removeAttributeQuotes: false, 로 변경 #Vue Cli 3 에서 설정 vue.config.js 파일 생성 후 1 2 3 4 5 6 7 8 9 10 module.exports = { chainWebpack: config => { if (process.env.NODE_ENV === "production") { config.plugin("html").tap(args => { args[0].minify.removeAttributeQuotes = false; return args; }); } } }; Colored by Color Scripter

설치 yarn add axios or npm install axios --save main.js import axios from 'axios' Vue.prototype.$http = axios 사용법 - get 방식 1 2 3 4 5 6 7 8 this.$http .get('api_url', { params: { name: 'TEST' } }) .then(res => { console.log(res); }) .catch(error => { console.log(error); }); Colored by Color Scripter cs - post 방식 1 2 3 4 5 6 7 8 9 10 11 12 13 let formData = new FormData(); formData.append('email', t..

# 설치 => vue-cli 3 npm -g install @vue/cli or yarn global add @vue/cli => vue init 명령어를 쓰고 싶으면 npm -g install @vue/cli-init or yarn global add @vue/cli-init # 프로젝트 생성 방법 3가지 - vue ui 명령어 실행 후 프로젝트 생성 - vue create - vue init webpack # 그 외 - 개발 서버 시작 npm run serve or yarn serve - build npm run build or yarn build