作者 陈志颖

first commit

  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?
  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/).
  1 +module.exports = {
  2 + presets: [
  3 + '@vue/cli-plugin-babel/preset'
  4 + ]
  5 +}
此 diff 太大无法显示。
  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 +}
不能预览此文件类型
  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>
  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>
  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>
  1 +import Vue from 'vue'
  2 +import App from './App.vue'
  3 +
  4 +Vue.config.productionTip = false
  5 +
  6 +new Vue({
  7 + render: h => h(App),
  8 +}).$mount('#app')