Giter Site home page Giter Site logo

shonesinglone / boundless_vue_project Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 6.88 MB

不需要打包的web项目,方便vi直接在服务器打补丁。可支持类似Vue SFC 的.vue单文件,支持less在线编译。配套vscode插件完善中。

Home Page: https://shonesinglone.github.io/boundless_vue_project/business_doc/

License: MIT License

JavaScript 57.75% TypeScript 0.07% Vue 39.97% HTML 0.10% Less 1.81% CSS 0.30% Batchfile 0.01% Shell 0.01%
boundless less vue

boundless_vue_project's Introduction

Boundless

不需要打包的web项目,方便vi直接在服务器打补丁。可支持类似Vue SFC 的.vue单文件,支持less在线编译。配套vscode插件完善中。

  • 无须打包处理,可直接上传服务器,NGINX html代理
  • 真正做到按需加载。
    • 纯手工打造,可以精确到一个字符,一个标点号。
    • 主打一个匠心品质(狗头摇晃保命)Alt text
  • idbkeyval缓存静态资源,只要版本号不更新,只在第一次进入系统的时候加载资源。(根据appversion判断是否需要重新下载资源,window.APP_VERSION 为真值即可开启)

TODO:也可以独立打包,有空实现一个rollup插件

跳转插件

山寨(zei)王UI

UI层面的,只要它是开源的,看上了就可以山寨过来。

国际化

pnpm i18n zhong_liang

demo

  • 简单的参考elButton.vue,直接CV
  • 复杂点的例如virtualized-table
    • 利用 vite build
    • 打包出来再CV调试

关键参数

window._CURENT_IS_MOBILE window.APP_VERSION, window.APP_ENTRY_NAME 默认entry 其他的也可以

HMR

  • 使用defineComponent定义Vue组件,默认添加NEED_HMR: localStorage.isDev;用于热替换。
  • (目前有多级属性传递问题,尚不稳定。)
  • 函数式组件的render是否支持async 异步?
  • disabled 、readOnly 状态的控制
    • 控制范围

优化

utils

d.ts

  • pnpm d.ts rules
  • pnpm d.ts api xxx

TODO

参考

boundless_vue_project's People

Contributors

shonesinglone avatar

Stargazers

 avatar

Watchers

 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.