Code Monkey home page Code Monkey logo

sinuoda's Introduction

丝诺达前端项目 基于 Vue.js, jQuery-EasyUIAdminLTE

如何开发

开发环境

  1. Webstorm、VS Code 或者其他编辑器

  2. Node.js 和 yarn

  1. 浏览器扩展:Vue.js devtools

开发与调试

  1. 安装依赖
  • yarn
  1. 运行开发服务
  • yarn dev
  • 浏览器访问 localhost:8086

构建生产版本

  1. 多页面
  • yarn build-pages
  • 重新生成 dist 目录,dist/pages 下是各个独立页面文件
  1. 单页应用
  • yarn build
  • 重新生成 dist 目录,不包含 dist/pages

项目结构

  • build: 构建过程
  • config: 构建配置
  • dist: 编译结果
  • docs: 文档
  • electron: 桌面版配置
  • node_modules: 项目依赖
  • src: 项目源代码
    • api: 接口
    • app: 应用主目录
    • assets: 静态资源(相对路径引用,构建中自动处理)
    • components: 通用组件
    • config: 应用全局配置
    • demo: 代码样例
    • filters: Vue过滤器
    • pages: 独立页面
    • router: Vue路由
    • store: Vuex,应用状态管理
    • utils: 工具类代码
    • App.vue: 单页应用主组件
    • main.js: 单页应用入口
    • pages.main.js: 多页应用入口
  • static: 静态资源(绝对路径引用,将直接复制到服务器上)
  • test: 测试
  • index.html: 主页
  • package.json: 项目信息
  • README.md: 本文件
  • yarn.lock: 依赖版本锁定

详细信息参考本项目文档 docs

参考文档与源代码

浏览器支持

  • IE 9+
  • Firefox (latest)
  • Chrome (latest)
  • Safari (latest)
  • Opera (latest)

sinuoda's People

Contributors

409073634 avatar

Watchers

James Cloos avatar  avatar

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.