Skip to content

刘远 / 3d_dc

Go to a project
Toggle navigation
Toggle navigation pinning
f53b16d4 by 刘远
Options

init

0 parents
Inline Side-by-side
Showing 17 changed files with 286 additions and 0 deletions
1 > 1%
2 last 2 versions
3 not dead
1 module.exports = {
2 root: true,
3 env: {
4 node: true
5 },
6 'extends': [
7 'plugin:vue/essential',
8 'eslint:recommended'
9 ],
10 parserOptions: {
11 parser: 'babel-eslint'
12 },
13 rules: {
14 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
15 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
16 }
17 }
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 pnpm-debug.log*
14
15 # Editor directories and files
16 .idea
17 .vscode
18 *.suo
19 *.ntvs*
20 *.njsproj
21 *.sln
22 *.sw?
1 # 3d_dc
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 }
This diff could not be displayed because it is too large.
1 {
2 "name": "3d_dc",
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 "core-js": "^3.6.5",
12 "vue": "^2.6.11",
13 "vue-router": "^3.2.0",
14 "vuex": "^3.4.0"
15 },
16 "devDependencies": {
17 "@vue/cli-plugin-babel": "~4.4.0",
18 "@vue/cli-plugin-eslint": "~4.4.0",
19 "@vue/cli-plugin-router": "~4.4.0",
20 "@vue/cli-plugin-vuex": "~4.4.0",
21 "@vue/cli-service": "~4.4.0",
22 "babel-eslint": "^10.1.0",
23 "eslint": "^6.7.2",
24 "eslint-plugin-vue": "^6.2.2",
25 "vue-template-compiler": "^2.6.11"
26 }
27 }
No preview for this file type
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><%= 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 <div id="nav">
4 <router-link to="/">Home</router-link> |
5 <router-link to="/about">About</router-link>
6 </div>
7 <router-view/>
8 </div>
9 </template>
10
11 <style>
12 #app {
13 font-family: Avenir, Helvetica, Arial, sans-serif;
14 -webkit-font-smoothing: antialiased;
15 -moz-osx-font-smoothing: grayscale;
16 text-align: center;
17 color: #2c3e50;
18 }
19
20 #nav {
21 padding: 30px;
22 }
23
24 #nav a {
25 font-weight: bold;
26 color: #2c3e50;
27 }
28
29 #nav a.router-link-exact-active {
30 color: #42b983;
31 }
32 </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-router" target="_blank" rel="noopener">router</a></li>
13 <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex" target="_blank" rel="noopener">vuex</a></li>
14 <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
15 </ul>
16 <h3>Essential Links</h3>
17 <ul>
18 <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
19 <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
20 <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
21 <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
22 <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
23 </ul>
24 <h3>Ecosystem</h3>
25 <ul>
26 <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
27 <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
28 <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
29 <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
30 <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
31 </ul>
32 </div>
33 </template>
34
35 <script>
36 export default {
37 name: 'HelloWorld',
38 props: {
39 msg: String
40 }
41 }
42 </script>
43
44 <!-- Add "scoped" attribute to limit CSS to this component only -->
45 <style scoped>
46 h3 {
47 margin: 40px 0 0;
48 }
49 ul {
50 list-style-type: none;
51 padding: 0;
52 }
53 li {
54 display: inline-block;
55 margin: 0 10px;
56 }
57 a {
58 color: #42b983;
59 }
60 </style>
1 import Vue from 'vue'
2 import App from './App.vue'
3 import router from './router'
4 import store from './store'
5
6 Vue.config.productionTip = false
7
8 new Vue({
9 router,
10 store,
11 render: h => h(App)
12 }).$mount('#app')
1 import Vue from 'vue'
2 import VueRouter from 'vue-router'
3 import Home from '../views/Home.vue'
4
5 Vue.use(VueRouter)
6
7 const routes = [
8 {
9 path: '/',
10 name: 'Home',
11 component: Home
12 },
13 {
14 path: '/about',
15 name: 'About',
16 // route level code-splitting
17 // this generates a separate chunk (about.[hash].js) for this route
18 // which is lazy-loaded when the route is visited.
19 component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
20 }
21 ]
22
23 const router = new VueRouter({
24 mode: 'history',
25 base: process.env.BASE_URL,
26 routes
27 })
28
29 export default router
1 import Vue from 'vue'
2 import Vuex from 'vuex'
3
4 Vue.use(Vuex)
5
6 export default new Vuex.Store({
7 state: {
8 },
9 mutations: {
10 },
11 actions: {
12 },
13 modules: {
14 }
15 })
1 <template>
2 <div class="about">
3 <h1>This is an about page</h1>
4 </div>
5 </template>
1 <template>
2 <div class="home">
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 // @ is an alias to /src
10 import HelloWorld from '@/components/HelloWorld.vue'
11
12 export default {
13 name: 'Home',
14 components: {
15 HelloWorld
16 }
17 }
18 </script>