从0开始，带你开发自己的web前端开发脚手架并发布到npm
随时前端的发展，在大团队下前端的规范性及开发便携性以及如何提升研发效能是前端开发的首要问题。如何提升研发效能呢？其实这种说法在大厂中比较常见。一个部门下有若干个前端团队，如果每一个团队都有不同的项目组件库，项目框架，http请求方法，不同的埋点方法或者工具方法，那在后期如果要联动开发是很难的事情。这时候就有了一个说法：前端开发脚手架！它的优点不言而喻：a **自动化：**项目重复代码拷贝/git....
前端脚手架开发入门
前言我们大部分时间都专注于业务的开发，初始化项目的时候，拿起模板项目直接npm init X就开干。但是，有时候现成的脚手架未必就能满足我们的业务需求，这时就需要我们自己开发一个脚手架，那么我们使用的脚手架里面到底做了什么，如何自己搭建脚手架呢？本次就给大家简单介绍下脚手架的基本开发。思考：我们平时用的脚手架模板Taro、create-react-app、rax 的cli都有什么样的特征呢？需要....
挑战21天手写前端框架 day5 使用 esbuild 的极简脚手架
阅读本文需要 4 分钟，编写本文耗时 1.5 小时引入 typescript在项目中使用 typescript 可以使用很多联想，还有对于函数调用出入参也有一个明显的提示作用，可以大大加快我们编写框架的速度，也能减少很多翻阅文档的时间。pnpm i typescript -w -D 复制代码使用 tsc 初始化项目npx tsc --init 复制代码将会自动生成一个 tsconfig.json....
全栈开发之前端脚手架：Vue3.0快速集成ElementPlus，Axios，Echarts
背景搭建基于 Vue3.0 的极简前端脚手架，方便后续快速验证想法以及项目实施。涉及到的技术及组件： Vue3.0 , ElementPlus , axios , vue-router , vuex , Echarts 。Note:前提需要有 Node.js 环境，可使用 nvm 进行 Node.js 的多版本管理。npm install <package>默认会在依赖安装完成后将其....
【前端架构必备】手摸手带你搭建一个属于自己的脚手架
前言看这篇文章之前，你肯定会疑惑，为什么你会写一个属于自己的脚手架？脚手架相比大家都不陌生，比如我们经常使用 vue-cli ，它可以帮助我们快速的初始化一个项目，无需从零配置，极大方便我们的开发。但强大是有限的，公共的脚手架有时并不能满足我们的实际开发。史上最贴心前端脚手架开发辅导 的作者大佬讲到几点理由，小包认为讲的很好:公司中已经积累了部分项目逻辑，例如换肤、接口请求、项目架构、国际化等，....
「后端小伙伴来学前端了」Vue脚手架中 render 函数
前言上一篇文章写了：「后端小伙伴来学前端了」分析Vue脚手架结构简单说明了Vue的脚手架结构，但是上篇文章还欠了个小点没有说完，就在这篇文章中补齐。就是所谓的render函数。一、main.js中引入的原来是残缺版vue.js我们来接着看看main.js这个入口文件。// 引入vue import Vue from 'vue' // 引入app组件 import App from './App.....
「后端小伙伴来学前端了」分析Vue脚手架结构
前言每日匆匆忙忙的写老师布置的 Vue 项目，对于 Vue 始终没有一个系统的认知，每天都是遇到什么问题就去查什么样的问题。看起来好像也没啥问题，但是所有的知识都是混入的，导致没有一个像样的体系。也就导致有了以下问题的存在：难以一起讨论。和他们聊天，讲的很多东西我都插不上嘴（学习的路上一定要明白，交流才是让人进步的最快方式，也是发现自己的缺陷和长处的最快方式）解决问题的方式的不同。同样的问题，他....
从脚手架开始学前端 【第3-1期】CentOS 7 工具安装（持续更新）
前言续CentOS 7 搭建Node.js之后，我们专门推出工具安装与配置篇幅，并持续更新安装列表nvm（node）mysql 配置Nginx（Tengine）pm2 启动mongodb安装说明NVM参考地址:从脚手架开始学前端 【第3期】CentOS 7 安装Node.js环境及配置MySQL1.配置YUM源在MySQL官网中下载YUM源rpm安装包：dev.mysq....
从脚手架开始学前端 【第8期】自制的Vue脚手架（持续更新）
前言从脚手架开始学前端 【第5期】Vue脚手架搭建中，我们已经学到了如何使用Vue官网提供的vue-cli可以快速搭建一个项目，但是对于其中的原理方面我们还不是很清楚，今天我们就动手搭建自己vue开发环境,今天我们使用 webpack4来一步一步搭建自己的vue开发环境，如果还对webpack不熟悉的小伙伴，可以直接到官网传送门准备安装node环境安装npm包管理安装yarn配置内容ES6/7/....
从脚手架开始学前端 【第7期】Nuxt.js概述
前言我们开发的时候提到单页面SPA(Single Page Application)应用和多页面应用MPA(Multi Page application),常说单页面应用体验好，但是不好做SEO优化，是什么意思呢？今天我们就带着疑问来研究下两者的差异，只有明确了两者的优劣，我们才能在新的项目中用的游刃有余。SPA&MPA单页面应用SPA(Single Page Application)单....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。
+关注