Skip to content

Commit 7a6f084

Browse files
ljlm0402ljlm0402
committed
first commit
0 parents  commit 7a6f084

File tree

18 files changed

+11158
-0
lines changed

18 files changed

+11158
-0
lines changed

‎.gitignore

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
.DS_Store
2+
node_modules
3+
/dist
4+
5+
# local env files
6+
.env.local
7+
.env.*.local
8+
9+
# Log files
10+
npm-debug.log*
11+
yarn-debug.log*
12+
yarn-error.log*
13+
14+
# Editor directories and files
15+
.idea
16+
.vscode
17+
*.suo
18+
*.ntvs*
19+
*.njsproj
20+
*.sln
21+
*.sw?

‎babel.config.js

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
module.exports = {
2+
"presets": [
3+
[
4+
"@vue/app",
5+
{
6+
"useBuiltIns": "entry"
7+
}
8+
]
9+
]
10+
}

‎package-lock.json

Lines changed: 10786 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
{
2+
"name": "vue-router-tutorial",
3+
"version": "0.0.0",
4+
"private": true,
5+
"scripts": {
6+
"serve": "vue-cli-service serve",
7+
"build": "vue-cli-service build"
8+
},
9+
"dependencies": {
10+
"@babel/polyfill": "^7.0.0-rc.1",
11+
"vue": "^2.5.17",
12+
"vue-router": "^3.0.1",
13+
"vuetify": "^1.2.0",
14+
"vuex": "^3.0.1"
15+
},
16+
"devDependencies": {
17+
"@vue/cli-plugin-babel": "^3.0.3",
18+
"@vue/cli-service": "^3.0.3",
19+
"vue-cli-plugin-vuetify": "^0.2.1",
20+
"vue-template-compiler": "^2.5.17"
21+
},
22+
"postcss": {
23+
"plugins": {
24+
"autoprefixer": {}
25+
}
26+
},
27+
"browserslist": [
28+
"> 1%",
29+
"last 2 versions",
30+
"not ie <= 10"
31+
]
32+
}

‎public/favicon.ico

1.12 KB
Binary file not shown.

‎public/index.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
7+
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
8+
<title>new-cli-project</title>
9+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
10+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
11+
</head>
12+
<body>
13+
<noscript>
14+
<strong>We're sorry but new-cli-project doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
15+
</noscript>
16+
<div id="app"></div>
17+
<!-- built files will be auto injected -->
18+
</body>
19+
</html>

‎src/App.vue

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
<template>
2+
<v-app id="inspire">
3+
<v-navigation-drawer v-model="drawer" fixed app>
4+
<v-list dense>
5+
<v-list-tile router :to="{ name: 'home' }" exact>
6+
<v-list-tile-action>
7+
<i class="fas fa-home"></i>
8+
</v-list-tile-action>
9+
<v-list-tile-content>
10+
<v-list-tile-title>Home</v-list-tile-title>
11+
</v-list-tile-content>
12+
</v-list-tile>
13+
14+
<v-list-tile router :to="{ name: 'users' }" exact>
15+
<v-list-tile-action>
16+
<i class="fas fa-user"></i>
17+
</v-list-tile-action>
18+
<v-list-tile-content>
19+
<v-list-tile-title>Users</v-list-tile-title>
20+
</v-list-tile-content>
21+
</v-list-tile>
22+
23+
<v-list-tile router :to="{ name: 'about' }" exact>
24+
<v-list-tile-action>
25+
<i class="fas fa-book"></i>
26+
</v-list-tile-action>
27+
<v-list-tile-content>
28+
<v-list-tile-title>About</v-list-tile-title>
29+
</v-list-tile-content>
30+
</v-list-tile>
31+
</v-list>
32+
</v-navigation-drawer>
33+
34+
<v-toolbar color="indigo" dark fixed app>
35+
<v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
36+
<v-toolbar-title>Application</v-toolbar-title>
37+
</v-toolbar>
38+
39+
<v-content>
40+
<router-view></router-view>
41+
</v-content>
42+
43+
<v-footer color="indigo" app>
44+
<span class="white--text">&copy; 2019 AGUMON</span>
45+
</v-footer>
46+
</v-app>
47+
</template>
48+
49+
<script>
50+
export default {
51+
data: () => ({
52+
drawer: null
53+
}),
54+
props: {
55+
source: String
56+
},
57+
methods: {
58+
test() {
59+
alert('클릭')
60+
}
61+
}
62+
};
63+
</script>

‎src/assets/logo.png

5.54 KB
Loading

‎src/components/Home.vue

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<template>
2+
<v-container>
3+
</v-container>
4+
</template>
5+
6+
<script>
7+
export default {
8+
data() {
9+
return {
10+
todoList: []
11+
}
12+
}
13+
}
14+
</script>

‎src/main.js

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import '@babel/polyfill'
2+
import Vue from 'vue'
3+
import '@/plugins/vuetify'
4+
import App from '@/App.vue'
5+
import router from '@/router'
6+
import store from '@/store'
7+
8+
Vue.config.productionTip = false
9+
10+
new Vue({
11+
router,
12+
store,
13+
render: h => h(App)
14+
}).$mount('#app')

0 commit comments

Comments
 (0)