init project

0a9e7b17 · 郭铭瑶 · 0a9e7b17 · 0a9e7b17 · 0a9e7b17 · 0a9e7b17
Commit 0a9e7b17 authored Mar 22, 2021 by 郭铭瑶 🤘
13 changed files
--- a/.eslintrc.js
+++ b/.eslintrc.js
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: ['plugin:vue/vue3-recommended', 'plugin:prettier/recommended'],
+  parserOptions: {
+    parser: 'babel-eslint',
+  },
+  rules: {
+    'vue/no-multiple-template-root': 'off',
+    'vue/max-attributes-per-line': 'off',
+    'vue/html-self-closing': 'off',
+    'vue/singleline-html-element-content-newline': 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0, // 生产环境禁止debugger
+    'no-console': process.env.NODE_ENV === 'production' ? 2 : 0, // 生产环境禁止console
+    'no-alert': process.env.NODE_ENV === 'production' ? 2 : 0, // 生产环境禁止alert
+    'no-shadow-restricted-names': 2, // 禁用关键字及保留字等
+    'dot-notation': 1, // 尽可能使用 . 来访问对象属性
+    'no-multi-spaces': 1, // 禁止使用多个空格
+    'brace-style': 1, // 大括号风格 - one true brace style
+    'no-var': 1, // 禁用var声明
+    'no-new-object': 1, // 禁止new Object
+    'no-array-constructor': 1, // 禁止new Array
+    'prefer-const': 1, // 要求使用 const 声明那些声明后不再被修改的变量
+    'prefer-destructuring': 1, // 优先使用数组和对象解构
+    'no-param-reassign': 1, // 禁止在函数中对函数参数重新赋值
+    'no-extra-semi': 1, // 禁用不必要的分号
+    // "no-unused-vars": 1, // 禁止已声明但未使用的变量
+    // "indent": [1, 2], // 使用2个空格缩进
+    'no-multiple-empty-lines': [1, { max: 1 }], // 禁止连续出现2个及以上空行
+    'default-case': 1, // 要求switch语句必须有default分支
+    'key-spacing': [1, { beforeColon: false, afterColon: true }], // 冒号前不要空格，后需要空格
+    'comma-spacing': [1, { before: false, after: true }], // 逗号前不要空格，后需要空格
+    'arrow-spacing': [1, { before: true, after: true }], // 箭头函数中的箭头前后需要留空格
+    quotes: [1, 'single'], // 字符串使用单引号
+    semi: [1, 'never'], // 禁止使用分号
+  },
+}
--- a/.gitignore
+++ b/.gitignore
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
\ No newline at end of file
--- a/.prettierrc.js
+++ b/.prettierrc.js
+module.exports = {
+  tabWidth: 2,
+  useTabs: false,
+  singleQuote: true,
+  semi: false,
+}
\ No newline at end of file
--- a/LICENSE
+++ b/LICENSE
+MIT License
+Copyright (c) 2021 Max Kwok
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/README.md
+++ b/README.md
+# pudong-elevator
+（新）浦东新区电梯加装电梯地图
--- a/index.html
+++ b/index.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" href="/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>浦东新区电梯加装地图</title>
+  <style>
+    html {
+      font-size: 16vh;
+    }
+  </style>
+  <link rel='stylesheet' href='https://location-dev.newayz.com/aimap-gl-js/v1.3.10/aimap-gl.css' />
+  <script src="https://location-dev.newayz.com/aimap-gl-js/libs/aimapcharts/3.8.5/aimapcharts.min.js"></script>
+  <script src="https://location-dev.newayz.com/aimap-gl-js/v1.3.10/aimap-gl.js"></script>
+  <!-- 外部服务 -->
+  <script crossorigin="anonymous"
+    integrity="sha512-ZRdjJAYP8Kij8Lkln9uiGj0jIrMDLAALm1ZB2b3VfV9XJ0nR4zbJmHKB42/A4tgMlZS4DTPnSAmcYRoS0dginA=="
+    src="https://lib.baomitu.com/echarts/5.0.0/echarts.min.js"></script>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+</html>
\ No newline at end of file
--- a/package.json
+++ b/package.json
+{
+  "name": "pudong-elevator",
+  "version": "0.0.0",
+  "scripts": {
+    "start": "npm run dev",
+    "dev": "vite",
+    "clean": "rimraf ./dist",
+    "build": "npm run clean && vite build",
+    "serve": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.0.5"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^1.1.5",
+    "@vue/compiler-sfc": "^3.0.5",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^7.17.0",
+    "eslint-config-prettier": "^7.1.0",
+    "eslint-plugin-prettier": "^3.3.1",
+    "eslint-plugin-vue": "^7.4.1",
+    "prettier": "^2.2.1",
+    "stylus": "^0.54.8",
+    "vite": "^2.1.0"
+  }
+}
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/src/App.vue
+++ b/src/App.vue
+<template>
+  <Map />
+</template>
+<script>
+import Main from '@/views/main.vue'
+export default {
+  name: 'App',
+  components: { Main },
+}
+</script>
+<style lang="stylus">
+#app
+  font-family Avenir, Helvetica, Arial, sans-serif
+  -webkit-font-smoothing antialiased
+  -moz-osx-font-smoothing grayscale
+  text-align center
+  color #2c3e50
+  margin-top 60px
+</style>
--- a/src/components/map.vue
+++ b/src/components/map.vue
+<template>
+  <div id="map" />
+</template>
+<script>
+import { onMounted } from '@vue/runtime-core'
+const { aimap } = window
+export default {
+  name: 'Map',
+  setup() {
+    const map = ref(null)
+    const initMap = () => {
+      this.map.value = new aimap.Map({
+        container: 'map',
+        center: [121.544379, 31.221517], //初始化显示地图中心点//界浜村
+        zoom: 10, //初始化显示级别
+        pitch: 10, //初始化地图倾斜角度
+        bearing: 0, //初始化地图旋转角度
+        minZoom: 1, //地图缩放允许显示的最小层级
+        maxZoom: 20, //地图缩放允许显示的最大层级
+        maxBounds: [
+          [-180, -85],
+          [180, 85],
+        ], //禁止地图拖动发生轮循
+        style: 'aimap://styles/aimap/cy-darkblue-v2',
+        // localIdeographFontFamily: "'Microsoft YaHei', 'sans-serif'",
+      })
+    }
+    onMounted(() => {
+      initMap()
+    })
+    return { map }
+  },
+}
+</script>
+<style lang="stylus" scoped>
+#map
+  width 100%
+  height 100%
+</style>
--- a/src/main.js
+++ b/src/main.js
+import { createApp } from 'vue'
+import App from './App.vue'
+createApp(App).mount('#app')
--- a/src/views/main.vue
+++ b/src/views/main.vue
+<template>
+  <div class="main">
+    <Map />
+  </div>
+</template>
+<script>
+import Map from '@/components/map'
+export default {
+  name: 'Main',
+  components: { Map },
+  data() {
+    return {}
+  },
+}
+</script>
+<style lang="stylus" scoped>
+.main
+  width 100%
+  height 100%
+</style>
--- a/vite.config.js
+++ b/vite.config.js
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { resolve } from 'path'
+// https://vitejs.dev/config/
+export default defineConfig({
+  base: './',
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, './src'),
+      '@images': resolve(__dirname, './src/assets/images'),
+    },
+  },
+})