vscode插件

  • Open in browser：在浏览器打开文件
  • WSl：windows子系统连接
  • Vscode Nvim：vim编辑
  • Arkham Theme：暗黑系主题
  • ESLint：代码规范检测
  • Turbo Console Log：快速生产debug log
  • EasyLess Or Easysass: 自动转换styles.less –> styles.css
  • Auto Rename Tag: 重命名标签, 只需要改开始,结束跟着自动变化
  • JS-CSS-HTML Formatter: 格式化代码
  • HTML CSS Support: 提示类名, 需要配置
    • vscode的左下角找到设置 - 搜索setting - 在setting.json中编辑 - 粘贴代码
    1
    2
    3
    4
    5
    "editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
    }注意: 如果代码的前后有内容加逗号
  • Live Server: 以服务器模式打开网页(不需要刷新）

开发桌面程序

https://www.electronjs.org/zh/docs/latest/tutorial/installation

UI组件

Element UI

文档：https://element.eleme.io/#/zh-CN/component/installation
vue-element-admin预览：https://panjiachen.github.io/vue-element-admin/#/login
vue-element-admin项目文档：https://panjiachen.github.io/vue-element-admin-site/zh/
vue-element-admin项目源码：https://github.com/PanJiaChen/vue-element-admin

Ant Design Vue

文档：https://vue.ant.design/docs/vue/introduce-cn/
Ant Design Pro预览：https://preview.pro.ant.design/dashboard/analysis
Ant Design Pro项目文档：https://pro.ant.design/zh-CN/
Ant Design Pro项目源码：https://github.com/sendya/ant-design-pro-vue

UI设计

https://mastergo.com/community/

前端框架

https://blog.csdn.net/qq_39826207/article/details/105886005

1.百度的： https://github.com/baidu/amis
2.阿里的： https://www.yuque.com/lce
3.https://github.com/iofod
4.https://github.com/jeecgboot/jeecg-boot
5.http://vue.easydo.work/

css框架

https://www.tailwindcss.cn/

https://cn.windicss.org/guide/

全栈

Go + HTML Template + Vue（https://simplecss.org/demo）

https://github.com/TeaOSLab/EdgeAdmin

https://mp.weixin.qq.com/s/MuwyfbT5eg0QfRpqF18eJg

https://htmx.org/examples/