Giter VIP home page Giter VIP logo

iot-dc3-web's Introduction

💥 IoT DC3 新版管理平台,迭代开发中... 💥

🚀 非常欢迎广大兴趣爱好者的加入,你的 Star 是我们开发的动力 !

🌱 该 Web UI ,需要借助 DC3 平台服务,https://gitee.com/pnoker/iot-dc3https://github.com/pnoker/iot-dc3


一、准备

  • nodejs >= 12
  • git
  • Web Storm 或者 Visual Studio Code

配置国内 npm

在用户目录下创建 .npmrc 文件,并写入以下内容

registry=https://registry.npm.taobao.org
sass_binary_site=https://npm.taobao.org/mirrors/node-sass

安装 yarn

npm install -g yarn

二、源码

git clone https://github.com/pnoker/iot-dc3-web.git

三、开发

cd iot-dc3-web

# install
yarn

# run
yarn run serve:dev

Visual Studio Code 配置

可以参考setting.json

{
    "workbench.tree.indent": 16,
    "workbench.editor.wrapTabs": true,
    "workbench.editor.enablePreview": false,
    "workbench.colorTheme": "Default Dark+",
    "workbench.iconTheme": "vscode-jetbrains-icon-theme",
    "workbench.tree.renderIndentGuides": "always",
    "editor.hover.enabled": false,
    "editor.fontFamily": "Monaco, Consolas, 'Courier New', monospace",
    "editor.tabSize": 4,
    "editor.formatOnSave": true,
    "editor.formatOnPaste": true,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "editor.detectIndentation": false,
    "files.associations": {
        "*.ttml": "html",
        "*.ttss": "css",
        "*.wxss": "css",
        "*.wxml": "html"
    },
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/target": true,
        "**/logs": true,
    },
    "extensions.ignoreRecommendations": true,
    "markdown.preview.openMarkdownLinks": "inEditor",
    "typescript.updateImportsOnFileMove.enabled": "always",
    "git.autofetch": true,
    "git.enableSmartCommit": true,
    "terminal.integrated.cursorBlinking": true,
    "terminal.integrated.cursorStyle": "line",
    "terminal.integrated.defaultProfile.windows": "GitBash",
    "terminal.integrated.profiles.windows": {
        "GitBash": {
            "path": "D:\\Program Files\\Git\\bin\\bash.exe",
            "args": [
                "-li"
            ]
        }
    },
    "[json]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    "[scss]": {
        "editor.defaultFormatter": "vscode.css-language-features"
    },
    "vetur.format.options.useTabs": true,
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-aligned"
        },
        "prettier": {
            "printWidth": 180,
            "semi": false,
            "singleQuote": true,
            "wrapAttributes": true,
            "sortAttributes": true,
            "eslintIntegration": true
        }
    }
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.