![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端项目框架
文章平均质量分 88
可缺不可滥
待到秋来九月八,我花开后百花杀。
展开
-
手把手教学 如何快速搭建一个vue3开发框架
之前写过一篇vue3框架的博客,但需要自己搭配路由,vuex,以及eslint等等,今天用最简单的方式,搭建一个vue3全家桶框架。全局安装最近版本的 vue/clihttps://v3.cn.vuejs.org/guide/installation.html#%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7-cliyarn global add @vue/cli# 或npm install -g @vue/cli选好一个文件夹,在地址栏输入cmd,进原创 2022-06-03 17:21:03 · 2629 阅读 · 0 评论 -
从零搭建vite + vue3.0 + vuex + router + sass/less + naive
Vite官网安装vue的介绍Vite 是一个 web 开发构建工具,由于其原生 ES 模块导入方式,可以实现闪电般的冷服务器启动。通过在终端中运行以下命令,可以使用 Vite 快速构建 Vue 项目。使用 npm:$ npm init @vitejs/app <project-name>$ cd <project-name>$ npm install$ npm run dev或者 yarn:$ yarn create @vitejs/app <project原创 2021-07-12 17:32:21 · 2710 阅读 · 5 评论 -
react如何使用dva
Dva” 是一个基于 Redux 和 Redux-saga 的状态管理框架,通常用于 React 应用程序。它帮助你更轻松地管理应用程序的状态、副作用和数据流。原创 2021-04-06 22:56:31 · 2468 阅读 · 0 评论 -
vue-cli3.0移动端自适应使用postcss-pxtorem
postcss-pxtorem 是一个 PostCSS 插件,用于将 CSS 中的像素单位(px)自动转换为 rem 单位。它的目标是帮助开发者在不同设备上实现更好的响应式设计,同时提高代码的可维护性。通过将像素单位转换为相对单位 rem,可以根据根元素的字体大小来动态调整布局尺寸,从而更好地适应不同屏幕尺寸和分辨率。以下是 postcss-pxtorem 的一些主要特点和用法:主要特点:自动转换: 插件会自动扫描 CSS 文件,将所有的像素单位转换为 rem 单位,而不需要手动更改代码。原创 2021-03-30 17:48:00 · 1219 阅读 · 0 评论 -
vue2.0移动端适配方案flexible+px2remLoader使用指南及踩坑
vue移动端适配方案flexible+px2remLoader使用指南及踩坑根据移动端不同的dpr来做适配是非常必要的,很多时候前端开发对UI设计稿都是凭感觉来做,导致编译完的页面与设计稿或多或少有些出入。造成这种现象就是因为开发人员可能对移动端适配的不重视,为了能够完全按照设计稿的标注来实现,我们接下来介绍一下在vue平台下基于flexible和px2rem-loader的移动端适配方案。转载 2021-03-29 23:36:49 · 2272 阅读 · 0 评论 -
自己搭建react + antd + less + ts项目
这是一篇搭建react前端项目的详细教学,提供less、antd、ts等技术栈的环境搭建原创 2021-03-23 00:16:13 · 1946 阅读 · 0 评论 -
vue2.0+element-ui + eslint + vuex +vue-route
第一步,安装cnpm,通过淘宝的镜像:npm i -g cnpm --registry=https://registry.npm.taobao.org第二步:设置npm的confignpm config set registry https://registry.npm.taobao.org第三步:安装vue的脚手架npm install -g @vue/cli第四步:设置脚手架的全局cnpm i @vue/cli-init -g第五步:在计算机的高级系统设置中配置vue.cmd文件原创 2021-03-10 23:56:54 · 632 阅读 · 0 评论 -
webpack单页应用编译打包
Webpack是一个用于打包JavaScript资源的工具,它是目前主流的前端工程化解决方案之一。Webpack可以处理多种类型的资源,并且提供了许多有用的功能,例如代码分割、模块热更新等等。Webpack的基本工作原理是将JavaScript模块打包成一个或多个bundle文件,这些文件可以被网页或其他应用程序使用。Webpack支持多种加载器和插件,以支持各种类型的资源,例如CSS、图片、字体等等。原创 2021-03-09 22:59:22 · 253 阅读 · 0 评论