react的开发者都知道使用create-react-app创建项目，这是非常简单的，但不是本文的目的，本文将带你如何一步一步搭建react项目。 1、初始化项目，编写组件 执行下面命令初始化项目 npm init -y…

准备：使用vue-cli脚手架 如果你已经有自己的项目，可以跳过这一步。 npm下载vue-cli脚手架 （写这篇文章时用的还是vue-cli2） npm install -g @vue/cli 初始化一个项目 vue …

为毛要单独写这个东西 不得不说 hyperclick 是的了不起的插件，提供了一系列的 Provider 让插件的作者们能够执行文件跳转，不过这个包并不限定语言，只是提供了最底层的一些封装，所以就有了 js-hyperc…

前言 背景情况 vue – 2.5.11 vue-cli 使用模板 webpack-simple http请求：axios Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+，即是 ie9 及更高的…

使用vue构建单页应用已经是稀松平常的事情了，但是当你遇到类似活动类需求时，每个活动相对独立，当活动达到30各以上时，长时间的构建过程会拖慢整个开发周期，而且也是不必要的。因此多页架构应运而生。 脚手架 github地址…

最近在项目内部创建了一个vue组件库，希望通过组件库的形式，统一项目中组件的逻辑和样式，让代码的复用性更强。 这篇文章主要是梳理组件库的整个结构和构建过程。 结构 首先在这里介绍一下组件库的代码结构，上面是整体代码目录结…

当我们面对vue-cli 复杂的代码，当我们看到各种配置文件的时候，你是否会为此感到头疼，是否会觉得心累？今天，大家可以跟着我一起，自己来是用webpack 构建一个基于vue单页面的应用，废话不多，立即开始： 1.创建…

在开发webapp的时候总是会受到首屏加载时间过长的影响，主流的解决方法是在载入完成之前显示loading图效果，而一些大公司会配置一套服务端渲染的架构来解决这个问题。考虑到ssr所要解决的一系列问题，越来越多的APP采…

本文原文 前言 公司有好几个项目都有后台管理系统，为了方便开发，所以选择了 vue 中比较火的 后台模板 作为基础模板进行开发。但是，开始用的时候，作者并没有对此进行优化，到项目上线的时候，才发现，打包出来的文件都十分之…

前言 我最开始因为项目原因接触的是react，对于我这种美观狂而言，react中难以调解的css让我十分抓狂，说是在写页面，因为不能写自己的样式，像是在拼凑页面，没意思。于是我开始了解vue这种将css html jav…

ESLint：你认识我吗 ESLint是一个语法规则和代码风格的检查工具。 和学习所有编程语言一样，想要入门ESLint，首先要去它的官网看看：https://eslint.org/。 ESLint的版本问题 目前ESL…

在开发过程中我们发现以下问题: JS可以用alias，css就报错 js中:import tool from ‘@/utils/xxx’ (可以引用)css中:@import ‘@/a…

进入公司之后，接手的便是前人留下来的一个大项目。庆幸的是整个项目拥有完善的产品功能文档，但是由于项目过于庞大，老旧。包含了打包过慢，冗余文件过多等诸多问题。想要快速的解决这些问题，想要完全把功能重构一遍的话，成本太高了。…

新建文件夹 webpack-vue 安装依赖 yarn init //初始化package.json yarn add webpack webpack-cli //添加webpack、webpack-cli //ps:不…

上一章记录了node的path模块，这一章我们接着讲一下node其他的插件。在这章中有许多插件都提到了如果没有TTY或者运行在CI中时插件不可用，对于TTY和CI这些名词我不是很明白，他们指的具体是什么东西呢？望知道的人…