前端工程化中的一些工具和插件

本文介绍了前端工程化中的一些关键工具和插件,如eslint进行代码检查,husky防止不规范提交,axios处理网络请求,Vant提供移动端组件,vite加速项目构建,tailwindcss构建响应式设计,Autoprefixer自动添加CSS前缀,cross-env处理环境变量,Prettier统一代码风格,eslint-plugin-vue检测Vue文件错误,less增强CSS功能,PostCSS转换CSS代码,swiper实现触摸滑动,yaml编写配置文件,以及coding.net、tapd和axhub作为协作和代码托管平台。
摘要由CSDN通过智能技术生成

eslint:代码检查工具

husky: 防止一些不规范的代码 commit并push到远端,我们可以在git命令执行前用一些钩子来检测并阻止。husky能够防止不规范代码被commit、push、merge等等。

axios: 一个基于 promise 的网络请求库,可以用于浏览器和 node.js;

Vant: 移动端 Vue 组件库;

vite:类似于vue-cli的前端构建工具,。vite提供基本项目脚手架和开发服务器,它基于览器中的原生 ES 模块,比cli速度更快。

tailwindcss: 一个功能类优先的 CSS 框架,它集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类,它们能直接在脚本标记语言中组合起来,构建出任何设计。

AutoPrefixer: 为兼容所有浏览器,有的CSS属性需要对不同的浏览器加上前缀,然而有时添加一条属性,需要添加3~4条类似的属性只是为了满足浏览器的兼容,这不仅会增加许多的工作量,还会使得你的思路被打断。Autoprefixer是一个后处理程序,你可以同Sass,Stylus或LESS等预处理器共通使用。它适用于普通的CSS,而你无需关心要为哪些浏览器加前缀,只需全新关注于实现,并使用W3C最新的规范。

cross-env: 能跨平台地设置及使用环境变量. 大多数情况下,在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住,windows平台与POSIX在使用命令行时有许多区别(例如在POSIX,使用$ENV_VAR,在windows,使用%ENV_VAR%。。。).cross-env让这一切变得简单,不同平台使用唯一指令,无需担心跨平台问题.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值