Focus on what matters most -- Brunch

Brunch 是一个极速且近乎0配置的构建工具。它让你以最快的速度开始写代码,而不用考虑如何写配置文件(想想Webpack无论写个什么都要大堆的配置,大雾)。它的功能十分精简,只有三个功能: create 快速开始一个项目 develop 开发中热编译你的项目 deploy 构建一个分发版本 安装: $ yarn global add brunch # or you use npm $ npm i -g brunch Create Brunch 新建一个项目只需要执行brunch new [project-name] [template-name],其中project-name是你的项目文件夹名,template-name是brunch现有的模板名,可从这里查找:地址 我比较看中的是这几个模板: Brunch with TypeScript Brunch with Inferno Brunch 打着简化构建配置的名号,必然会跟 Pracel 进行对比。Brunch…

前端考古工作之兼容IE8的TypeScript现代化前端工作流

背景 在公司维护的一个项目是2015年开始的,技术栈为React+jQuery+flux。随着需求的迭代,项目代码已经不能满足要求了。项目是ToB项目,对稳定和质量要求很高,于是我调研了TypeScript,并研究了一套基于TypeScript开发React的方案。主要解决的问题有下: CSS的组件化方案 -- CSS Module 状态管理方案 -- Redux immutable 方案 -- immutablejs 代码风格和质量 -- Prettier & tslint 测试 -- ts-jest Show me the code Code在此:TypeScript-React-redux-ie8 Demo在此:Todomvc-Typescript-react-redux-immutable Feature 兼容IE8 TypeScript && ES6/ES7/ES8 语法 css-modules Prettier…

TypeScript Roadmap

接触 TypeScript 差不多快一个月了,越来越喜欢 TypeScript 。TypeScript 对于之前没写过后端的同学来说,可能略费劲,主要因为 TypeScript 包含很多概念,需要理解。因此,在这里把学习 TypeScript 的一些过程看的资料罗列出来,加以点评,以便后人:) 开始 既然是开始,从官方文档开始是最合适的。这篇文章快速感受一下TypeScript的实例,不求理解,只求感受写法。 5分钟上手TypeScript · TypeScript中文网 · TypeScript——JavaScript的超集 官方文档 中文:文档简介 · TypeScript中文网 · TypeScript——JavaScript的超集 英文:Documentation · TypeScript 好,以上资料让你对TypeScript有个最基本的了解,真正带我入门 TypeScript 的文章是这篇:TypeScript 第一步 · Chen’s Blog以及这位博主的第二篇: TypeScript 进阶:给第三方库编写声明文件…

一份可执行的英语学习路线

Youtube 视频需要自行想办法~ 缘起 想无压力看懂英语技术文档。 学习目标: 看medium文章,看MDN原文,英文写作,在Medium发表文章,个人博客上发表英语文章。归根一个字: 用 计划节奏设计的原因 1.音标是根本,发音是自信的基础。平时看文章遇到生词,一查词典,不能准确读出发音,记忆效果降低。 学习资源 阿滴英文(滴妹超好看啊) 背单词最好的网站 Vocabulary.com - Learn Words - English Dictionary 【纽约时报的Learning Network版块】The Learning Network - The New York Times 英语语法博客Grammarly Blog 【英语动词时态】Verb Tenses 9GAG: Go Fun…

在Mac下的前端开发必备工具

Mac 下前端开发体验实在太赞,因此我以后都转到 Mac 下开发了。Mac系统UI精致美观,动效优雅迷人恰到好处,加上一块好点儿的屏幕,写代码也成了一件让人赏心悦目的事情。同时没有右下角弹窗的打扰,没有流氓软件,让我专心于 code 不再分心。Mac 实在是开发人员的首选。在使用过程中,发现了一些非常好用的软件,能大大提高效率,于是就分享在这里啦~ 好用的工具也许不能让你的 code 能力上升,但至少它不会阻挠你。好工具让你花更少的时间,更少的操作,完成更多的事情,工具就是生产力! 1.Alfred Alfred 是一个非常非常强大的效率工具!(墙裂推荐指数:5星)快捷键呼出search框,输入你想找的任何东西得首字母或者前几位、缩写,然后上下方向键找到你的目标,回车咔擦一按!Done! 2.iTerm 下载地址:iterm2 download 3.sourceTree Mac 上最好用的git仓库管理客户端 4.…

Welcome to Ghost

Hey! Welcome to Ghost, it's great to have you :) We know that first impressions are important, so we've populated your new site with some initial Getting Started posts that will help you get familiar with everything in no time. This is the first one! There are a few things that…

Organising your content with tags

Ghost has a single, powerful organisational taxonomy, called tags. It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like Gmail labels. By tagging posts with one or more keyword, you can organise articles into buckets of…

Managing Ghost users

Ghost has a number of different user roles for your team Authors The base user level in Ghost is an author. Authors can write posts, edit their own posts, and publish their own posts. Authors are trusted users. If you don't trust users to be allowed to publish their own…

Making your site private

Sometimes you might want to put your site behind closed doors If you've got a publication that you don't want the world to see yet because it's not ready to launch, you can hide your Ghost site behind a simple shared pass-phrase. You can toggle this preference on at the…

Advanced Markdown tips

There are lots of powerful things you can do with the Ghost editor If you've gotten pretty comfortable with all the basics of writing in Ghost, then you may enjoy some more advanced tips about the types of things you can do with Markdown! As with the last post about…