Skip to content

GIS / i2d-demo-vue2

Go to a project
Toggle navigation
Toggle navigation pinning
19e3c7e2 by 苗菁
Options

init

0 parents
Inline Side-by-side
Showing 14 changed files with 230 additions and 0 deletions
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 shamefully-hoist=true
1 # i2d-demo-vue2
2
3 ## Project setup
4 ```
5 pnpm install
6 ```
7
8 ### Compiles and hot-reloads for development
9 ```
10 pnpm run serve
11 ```
12
13 ### Compiles and minifies for production
14 ```
15 pnpm run build
16 ```
17
18 ### Lints and fixes files
19 ```
20 pnpm 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 }
1 {
2 "compilerOptions": {
3 "target": "es5",
4 "module": "esnext",
5 "baseUrl": "./",
6 "moduleResolution": "node",
7 "paths": {
8 "@/*": [
9 "src/*"
10 ]
11 },
12 "lib": [
13 "esnext",
14 "dom",
15 "dom.iterable",
16 "scripthost"
17 ]
18 }
19 }
1 {
2 "name": "i2d-demo-vue2",
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.8.3",
12 "vue": "^2.6.14"
13 },
14 "devDependencies": {
15 "@babel/core": "^7.12.16",
16 "@babel/eslint-parser": "^7.12.16",
17 "@vue/cli-plugin-babel": "~5.0.0",
18 "@vue/cli-plugin-eslint": "~5.0.0",
19 "@vue/cli-service": "~5.0.0",
20 "eslint": "^7.32.0",
21 "eslint-plugin-vue": "^8.0.3",
22 "vue-template-compiler": "^2.6.14"
23 },
24 "eslintConfig": {
25 "root": true,
26 "env": {
27 "node": true
28 },
29 "extends": [
30 "plugin:vue/essential",
31 "eslint:recommended"
32 ],
33 "parserOptions": {
34 "parser": "@babel/eslint-parser"
35 },
36 "rules": {}
37 },
38 "browserslist": [
39 "> 1%",
40 "last 2 versions",
41 "not dead"
42 ]
43 }
This diff could not be displayed because it is too large.
No preview for this file type
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')
1 const { defineConfig } = require('@vue/cli-service')
2 module.exports = defineConfig({
3 transpileDependencies: true
4 })