正在显示
11 个修改的文件
包含
214 行增加
和
0 行删除
.gitignore
0 → 100644
1 | +.DS_Store | ||
2 | +node_modules | ||
3 | +/dist | ||
4 | + | ||
5 | + | ||
6 | +# local env files | ||
7 | +.env.local | ||
8 | +.env.*.local | ||
9 | + | ||
10 | +# Log files | ||
11 | +npm-debug.log* | ||
12 | +yarn-debug.log* | ||
13 | +yarn-error.log* | ||
14 | +pnpm-debug.log* | ||
15 | + | ||
16 | +# Editor directories and files | ||
17 | +.idea | ||
18 | +.vscode | ||
19 | +*.suo | ||
20 | +*.ntvs* | ||
21 | +*.njsproj | ||
22 | +*.sln | ||
23 | +*.sw? |
README.md
0 → 100644
1 | +# vue-graphql | ||
2 | + | ||
3 | +## Project setup | ||
4 | +``` | ||
5 | +npm install | ||
6 | +``` | ||
7 | + | ||
8 | +### Compiles and hot-reloads for development | ||
9 | +``` | ||
10 | +npm run serve | ||
11 | +``` | ||
12 | + | ||
13 | +### Compiles and minifies for production | ||
14 | +``` | ||
15 | +npm run build | ||
16 | +``` | ||
17 | + | ||
18 | +### Lints and fixes files | ||
19 | +``` | ||
20 | +npm run lint | ||
21 | +``` | ||
22 | + | ||
23 | +### Customize configuration | ||
24 | +See [Configuration Reference](https://cli.vuejs.org/config/). |
babel.config.js
0 → 100644
package-lock.json
0 → 100644
此 diff 太大无法显示。
package.json
0 → 100644
1 | +{ | ||
2 | + "name": "vue-graphql", | ||
3 | + "version": "0.1.0", | ||
4 | + "private": true, | ||
5 | + "scripts": { | ||
6 | + "serve": "vue-cli-service serve", | ||
7 | + "build": "vue-cli-service build", | ||
8 | + "lint": "vue-cli-service lint" | ||
9 | + }, | ||
10 | + "dependencies": { | ||
11 | + "apollo-cache-inmemory": "^1.6.6", | ||
12 | + "apollo-client": "^2.6.10", | ||
13 | + "apollo-link": "^1.2.14", | ||
14 | + "apollo-link-http": "^1.5.17", | ||
15 | + "apollo-link-ws": "^1.0.20", | ||
16 | + "apollo-utilities": "^1.3.4", | ||
17 | + "core-js": "^3.6.5", | ||
18 | + "vue": "^2.6.11", | ||
19 | + "vue-apollo": "^3.0.7" | ||
20 | + }, | ||
21 | + "devDependencies": { | ||
22 | + "@vue/cli-plugin-babel": "~4.5.0", | ||
23 | + "@vue/cli-plugin-eslint": "~4.5.0", | ||
24 | + "@vue/cli-service": "~4.5.0", | ||
25 | + "babel-eslint": "^10.1.0", | ||
26 | + "eslint": "^6.7.2", | ||
27 | + "eslint-plugin-vue": "^6.2.2", | ||
28 | + "vue-template-compiler": "^2.6.11" | ||
29 | + }, | ||
30 | + "eslintConfig": { | ||
31 | + "root": true, | ||
32 | + "env": { | ||
33 | + "node": true | ||
34 | + }, | ||
35 | + "extends": [ | ||
36 | + "plugin:vue/essential", | ||
37 | + "eslint:recommended" | ||
38 | + ], | ||
39 | + "parserOptions": { | ||
40 | + "parser": "babel-eslint" | ||
41 | + }, | ||
42 | + "rules": {} | ||
43 | + }, | ||
44 | + "browserslist": [ | ||
45 | + "> 1%", | ||
46 | + "last 2 versions", | ||
47 | + "not dead" | ||
48 | + ], | ||
49 | + "_id": "vue-graphql@0.1.0", | ||
50 | + "readme": "ERROR: No README data found!" | ||
51 | +} |
public/favicon.ico
0 → 100644
不能预览此文件类型
public/index.html
0 → 100644
1 | +<!DOCTYPE html> | ||
2 | +<html lang=""> | ||
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><%= htmlWebpackPlugin.options.title %></title> | ||
9 | + </head> | ||
10 | + <body> | ||
11 | + <noscript> | ||
12 | + <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> | ||
13 | + </noscript> | ||
14 | + <div id="app"></div> | ||
15 | + <!-- built files will be auto injected --> | ||
16 | + </body> | ||
17 | +</html> |
src/App.vue
0 → 100644
1 | +<template> | ||
2 | + <div id="app"> | ||
3 | + <img alt="Vue logo" src="./assets/logo.png"> | ||
4 | + <HelloWorld msg="Welcome to Your Vue.js App"/> | ||
5 | + </div> | ||
6 | +</template> | ||
7 | + | ||
8 | +<script> | ||
9 | +import HelloWorld from './components/HelloWorld.vue' | ||
10 | + | ||
11 | +export default { | ||
12 | + name: 'App', | ||
13 | + components: { | ||
14 | + HelloWorld | ||
15 | + } | ||
16 | +} | ||
17 | +</script> | ||
18 | + | ||
19 | +<style> | ||
20 | +#app { | ||
21 | + font-family: Avenir, Helvetica, Arial, sans-serif; | ||
22 | + -webkit-font-smoothing: antialiased; | ||
23 | + -moz-osx-font-smoothing: grayscale; | ||
24 | + text-align: center; | ||
25 | + color: #2c3e50; | ||
26 | + margin-top: 60px; | ||
27 | +} | ||
28 | +</style> |
src/assets/logo.png
0 → 100644
6.7 KB
src/components/HelloWorld.vue
0 → 100644
1 | +<template> | ||
2 | + <div class="hello"> | ||
3 | + <h1>{{ msg }}</h1> | ||
4 | + <p> | ||
5 | + For a guide and recipes on how to configure / customize this project,<br> | ||
6 | + check out the | ||
7 | + <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>. | ||
8 | + </p> | ||
9 | + <h3>Installed CLI Plugins</h3> | ||
10 | + <ul> | ||
11 | + <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li> | ||
12 | + <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li> | ||
13 | + </ul> | ||
14 | + <h3>Essential Links</h3> | ||
15 | + <ul> | ||
16 | + <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li> | ||
17 | + <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li> | ||
18 | + <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li> | ||
19 | + <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li> | ||
20 | + <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li> | ||
21 | + </ul> | ||
22 | + <h3>Ecosystem</h3> | ||
23 | + <ul> | ||
24 | + <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li> | ||
25 | + <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li> | ||
26 | + <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li> | ||
27 | + <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li> | ||
28 | + <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li> | ||
29 | + </ul> | ||
30 | + </div> | ||
31 | +</template> | ||
32 | + | ||
33 | +<script> | ||
34 | +export default { | ||
35 | + name: 'HelloWorld', | ||
36 | + props: { | ||
37 | + msg: String | ||
38 | + } | ||
39 | +} | ||
40 | +</script> | ||
41 | + | ||
42 | +<!-- Add "scoped" attribute to limit CSS to this component only --> | ||
43 | +<style scoped> | ||
44 | +h3 { | ||
45 | + margin: 40px 0 0; | ||
46 | +} | ||
47 | +ul { | ||
48 | + list-style-type: none; | ||
49 | + padding: 0; | ||
50 | +} | ||
51 | +li { | ||
52 | + display: inline-block; | ||
53 | + margin: 0 10px; | ||
54 | +} | ||
55 | +a { | ||
56 | + color: #42b983; | ||
57 | +} | ||
58 | +</style> |
-
请 注册 或 登录 后发表评论