当前位置: 首页 > Web前端 > HTML

引出脚手架的前端开发工具推荐

时间:2023-03-28 16:53:17 HTML

01:thunderclient:VSCode中的postman一个VSCode的插件,可以像postman一样管理VSCode中的请求资源。它支持postman兼容的格式,可以导出为postmanCollection。02:团队API管理的强大工具ApifoxApifox目前有桌面版和WEB版,对团队管理API极其友好。假设,在一个团队中,如果前后端共享API接口,可以自由同步,那么数据联调就会变得异常简单。Apifox的优势之一是在团队中共享API集合是完全免费的。此外,它对文档极其友好。以下是我通过docker学习到的nginx所有接口实例的文档地址。PS:附上所有nginx配置和docker-compose,方便秒级验证运行。有关详细信息,请参阅Github存储库learn-nginx。03:analyze-css:分析某个网站的CSS资源输入网址,查看该网址的所有CSS资源,如尺寸、选择器、布局、颜色、字体等04:BundleScanner,找出npm库一个网站上使用的和对应的版本号,输入一个网址,可以分析出该网站所有的npm依赖及其版本号,以及各个JS资源的技术栈。它的原理是为所有流行的npm库建立一个倒排索引(类似elasticsearch),然后根据具体匹配从目标URL资源中提取的keytoken。与Wappalyzer相比,它提取了更多更准确的npm库。现在剩下的就是浏览器插件了。这样一来,大厂一个项目的技术栈和技术选型岂不是一目了然?如果我想知道字节抖音网页版的技术栈,那我直接输入抖音网易版的地址就可以了!05:bestofjs:发现最好的Javascript框架和库这里有JS生态中最流行的库,实时刷新推荐,每周可订阅。太好了,我终于可以成为最厉害的脚手架了。repo:ritz078/transform06:npmdependencyvisualdiagramanimation演示了某个npm包的所有依赖,开源anvaka/npmgraph,技术栈angular.js,browserify和gulp下图用webpack作为演示,可见其庞大依赖项是!repo:anvaka/npmgraph.an07:LearnCSS谷歌官方CSS核心技能构建,通俗易懂易用。每章都附有可编辑的DEMO供学习,并提供问题来测试你的学习效果。08:SvgViewer可视化SVG,支持压缩图片,转成React/RN组件,转成png格式图片等,如果开发中遇到svg图片,可以通过本站直接转成ReactComponents。而在svgviewer中,有大量的svg图标供你查找,不太方便。