之前工作有了解过根据类名来写元素的样式,一听就发出疑问:这样写项目可读性恐怕不是很好吧... 之后来到杭州工作后,开始使用WindiCSS后发现 真香!!!  由于近期所写的项目都是自己一个人开发的 组长说可以大胆点来!我就边学习边在项目中使用: 近期项目都使用的是 Vue3+Vite+TS开发,所以下文就按照这个前提来说明- 首先下载WindiCSS这个插件 npm i -D vite-plugin-windicss windicss 在vite.config.ts文件下添加插件 import…

1.vite+TS+Vue3 npm create vite Project name:... yourProjectName Select a framework:>>Vue Select a variant:>>Typescrit 2. 修改vite基本配置 配置 Vite {#configuring-vite} | Vite中文网 (vitejs.cn) vite.config.ts import { defineConfig } from 'vite' import vue…

前言: GitHub上我开源了vue-cli.vue-cli3两个库,文章末尾会附上GitHub仓库地址.这次把2.0的重新写了一遍,优化了一下.然后按照2.0的功能和代码,按照vue3.0的语法,完全重写了一遍.虽然名字叫cli,其实两个库都是基于vue-cli创建的.做这个的目的是为了工作中快速启动项目,毕竟切片打包.less.axios.vuex.router.UI框架.基础文件目录.权限,这些都是基操,当然项目不同,还是要做些调整的.这两个项目的master分支都是最基础的东西,里面还包…

之前我们使用VSCode搭建C#项目,今天写一篇关于django项目的搭建,其实以其说是搭建django框架,不如说是如何通过vscode开发django项目:django官网:https://www.djangoproject.com/ 安装django django安装命令:pip install django,参考:https://docs.djangoproject.com/en/3.0/topics/install/ 查看django的安装版本:python -m django --v…

从零搭建基于webpack的Electron-Vue3项目(1)--基于webpack的Vue3项目搭建 前言 本篇文章内容,主要是基于webpack的Vue3项目开发环境进行搭建,暂时还不涉及到Electron的整合.可以独立的当作一个内容来进行阅读. 项目创建 创建目录electron-vue3-webpack并进入执行npm init命令.设置了基础的项目信息后,我们开始本次的环境搭建之旅. 使用webpack 前置条件 基本熟悉webpack是什么以及它打包的运行处理过程. 环境准备 前…

前言 缘由 博友有问,狗哥必答 前段时间,博友加本狗微信,询问uniapp的学习方法.本狗资历浅薄,没有专门学过uniapp,只能将自己日常开发uniapp的基本流程和步骤进行分享,希望可以略尽绵薄之力.感谢如下图所示的博友朋友的询问支持,大家的支持才是我进步的动力. 主要目标 实现4大重点 uniapp项目搭建流程 uniapp项目常用组件引入方式 uniapp项目接口封装策略 uniapp项目常用配置整理 快速链接 公众号:JavaDog程序狗 关注公众号,发送 [uniapp],无任何套路…

https://www.bilibili.com/video/BV14u411D7qK?p=33&spm_id_from=pageDriver&vd_source=e2cfe74d93fb5b3f60bd7487ede60218 主题展示 Vue3.2中 <template> <!-- 为 ECharts 准备一个定义了宽高的 DOM --> <!--vue3中 id='' 变更 ref=--> <div ref="chart"…

文章已收录到 github,欢迎 Watch 和 Star. 简介 从问题定位开始,到给框架(uni-app)提 issue.出解决方案(PR),再到最后的思考,详细记录了整个过程. 前序 当你在业务中不幸踩了开源框架的某些坑,这是你的不幸,但这同时也是你的幸运,因为这是你给自己简历中增加亮点的绝佳机会. 而给开源社区贡献 PR 是你证明自己技术侧拥有 P7 实力的绝佳方式,P7 的评判标准无非是业务和技术,业务上有收益,技术上有深度和广度(别人有的你能做的更好,别人没有的你能有). 这次整个过…

vscode 搭建react-native 选择:vscode + typings + eslint * vscode: 宇宙最强IDE家族的最新产品 * typings: 基于typescirpt的接口文件 * eslint: 代码静态检查,技能检测低级的语法错误,又能规范代码格式和应用最佳实践 工具和插件 编辑器下载: vscode.必装和推荐的插件如下:   注: 1. 点击各个插件,会有对应的详细的说明 2. vscode和插件的更新频率还是比较快的,推荐及时更新 3. vscode的插…

vue项目架构 技术栈:vue3.vue-router .vuex(和pinia).element plus .axios.ts.sass 1.安装vue3 脚手架+ ts vue create admin 2.分析目录结构 node_modules =>依赖包 public => 静态文件 src => 核心代码 assets => 静态方法 components => 公共组件 app.vue => 根组件 mian.ts =>入口文件 shims-vue.d…