文章 2023-06-26 来自:开发者社区

前端工程化的CSS预处理工具之Less

其中,Less的Task是一个非常重要的概念。 下面是一个简单的示例,演示如何在Vue.js中注册一个名为HelloWorld的组件,并使用Less进行组件开发,并实现Task。htmlCopy code<template>  <div>    <divv-if="isLoading"class="loading-spinner">...

文章 2023-06-25 来自:开发者社区

前端工程化的CSS预处理工具之Sass

其中,Sass的Task是一个非常重要的概念。 下面是一个简单的示例,演示如何在Vue.js中注册一个名为HelloWorld的组件,并使用Sass进行组件开发,并实现Task。htmlCopy code<template>  <div>    <divv-if="isLoading"class="loading-spinner">...

文章 2023-06-25 来自:开发者社区

前端工程化打包工具之Snowpack

其中,Snowpack的Plugin是一个非常重要的概念。 下面是一个简单的示例,演示如何在Vue.js中注册一个名为HelloWorld的组件,并使用Snowpack进行组件开发,并实现Plugin。htmlCopy code<template>  <div>    <divv-if="isLoading"class="loading....

文章 2023-06-25 来自:开发者社区

前端工程化打包工具之Rollup

其中,Rollup的Task是一个非常重要的概念。 下面是一个简单的示例,演示如何在Vue.js中注册一个名为HelloWorld的组件,并使用Rollup进行组件开发,并实现Task。htmlCopy code<template>  <div>    <divv-if="isLoading"class="loading-spinner....

文章 2023-06-24 来自:开发者社区

前端工程化打包工具之Webpack

其中,Webpack的Plugin是一个非常重要的概念。 下面是一个简单的示例,演示如何在Vue.js中注册一个名为HelloWorld的组件,并使用Webpack进行组件开发,并实现Plugin。htmlCopy code<template>  <div>    <divv-if="isLoading"class="loading-s....

文章 2023-06-16 来自:开发者社区

猿创征文|一文带你了解前端开发者工具

一、前言随着互联网的高速发展,Web2.0 时代的快速演变。用户对于网页界面等的要求越来越高。良好的审美,便捷的交互 等变得尤为重要!一些 好用 的 编译器工具,UI 框架工具,API 调试工具 等便应运而生~~接下来,给小伙伴们推荐几款非常好用的前端开发者工具!!二、前端开发者工具——编译器(含插件)编译器的主要作用是给开发者提供一个良好便捷的编码平台。包括并不止以下功能:语法高亮自动提示补全....

猿创征文|一文带你了解前端开发者工具
文章 2023-06-15 来自:开发者社区

前端包管理工具 npm yarn cnpm npx(三)

yarn早期的npm 安装依赖速度慢,依赖管理混乱,所以提出了yarn yarn通过缓存和生产package.json 文件这些方式来加快安装速度,依赖管理清晰。 在npm5之后,npm 也借鉴了yarn的思想,现在两个已经性能相当所以当有人问起yarn 和npm 的区别时,就可以说上面的话术,展开说说缓存策略和依赖管理方式。 为了降低学习成本,所以两者命令上区别不大,cnpm概述很多时候,我们....

前端包管理工具 npm yarn cnpm npx(三)
文章 2023-06-15 来自:开发者社区

前端包管理工具 npm yarn cnpm npx(二)

配置文件中常见的属性必须填写的属性 name,versionname是项目名称version 是当前项目版本号description 是描述信息,作为项目的补充说明author 是作者,发布时会用到license 是使用的开源协议,发布会用到private 属性记录当前项目是否时私有的当只为true时,npm 不能发布它main 属性设置程序的入口当前包的入口文件注意区别webpack入口文件的....

前端包管理工具 npm yarn cnpm npx(二)
文章 2023-06-15 来自:开发者社区

前端包管理工具 npm yarn cnpm npx(一)

前言这篇文章主要和大家分享前端包管理工具,是什么,怎么用和基本原理,通过阅读,我想至少能够帮助大家解决一些常见的面试问题。1.npm 和 yarn 区别和联系2.package.json和 package-lock.json 是干什么的,有什么用3.npm install 之后发生了什么4.如何发布一个自己的npm包*包管理工具的产生背景我们通过JavaScript模块化的方式,把代码划分成一个....

前端包管理工具 npm yarn cnpm npx(一)
文章 2023-06-14 来自:开发者社区

前端封装库/工具库的字体/图标之Iconfont

Iconfont 是国内阿里巴巴集团推出的一款 Web 字体图标解决方案,它将海量的图标资源整合在一起,可以通过简单的 CSS 引用来使用。同时,Iconfont 还提供了在线编辑、定制、打包等功能,使得其具有很强的灵活性和扩展性。下面我们来详细介绍一下 Iconfont 的使用方法:注册并创建项目首先,我们需要注册一个账号,并登录到 Iconfont 官网。在个人中心页面中,我们可以创建一个新....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注