精华内容
下载资源
问答
  • 2021-05-30 21:40:39

    目录

    By:唐糖棠

    一、前言

    二、何为新手引导

    2.1.基础教学

    2.2.特色展示

    2.3.目标建立

    3.总结


    By:香菜-唐糖棠

    一、前言

        其实想总结这个问题想了很久了,但是一直觉得自己还缺很多东西,再加之时间和项目进度加快,更没有时间去做这件事。直到有一天跟香菜唠嗑,我问他为啥你的公众号里都是程序员的技术文章,整点策划的啊。没想到他反手整了一句,要不你来搞个吧,就新手引导的。这也就是我写这篇文章的原因吧。

        一开始想写的是一篇关于游戏新手引导设计的文章,但是新手引导这是一块说简单会很简单,但是说难又会非常难的东西,所以我会把整个新手引导分为很多方向来整理,今天这篇文章主要讲的是新手引导组成模块。在这篇完成后我会对这几个模块细化分析。

    二、何为新手引导

    每个刚入行的策划,遇到新手引导的时候都会觉得,哇好难啊,有一种无从下手的感觉。其实只要搞清楚,何为新手引导就会发现其实设计新手引导很简单。

    打个比方,如果把一个游戏比方成一台电视,那新手引导就是电视的说明书,如何快速而且简单的让玩家熟悉和玩游戏才是新手引导的前期核心,而长时间和周期性的玩游戏则是新手引导中后期核心。

    根据以上的条件,我简单的把新手引导为了三个模块,基础教学,特色展示以及目标建立

    2.1.基础教学

    不论是新手玩家还是游戏老鸟,在刚进入你的游戏时,对于他们来说都要接触全新的东西。而基础教学就是为了让他度过前期基本的摸索阶段,拥有一个流畅的体验。就好比之前所说的,当用户拿到电视的时候你得告诉他如何开关电视和调台。

    那么会引入一个新的问题,哪些东西是基础教学?以什么方式来引导玩家?

    我们先解决第一个问题,哪些是基础教学?以逆塔防游戏中的COC为例,简单介绍下基础教学。

    COC的新手引导的一开始,玩家会扮演一个部落的老大的角色,此时部落会受到来自于哥布林的攻击,引导员要求玩家建造一个加农炮来防御哥布林的攻击。 

          

    当玩家完成此次教学后引导员又会引导你去攻击刚刚的进攻的哥布林引导。

    图片

    战斗完成后,引导员又会引导你建设资源采集器和资源存储器。

    图片

    建造完资源相关借助后,剧情会出现哥布林即将攻击玩家部落的提示,此时引导员会提示你生产士兵

    图片

    通过以上简单的引导,新手引导已经教给了玩家如何建造,战斗,资源生产和士兵生产。这些也是逆塔防的核心玩法。每个类型或者说每个游戏的基础玩法都会有稍些不同,在此我就不一一举例了,也欢迎大家一起讨论,写下你认为的每个类型游戏的基础教学应该是哪些

    回到刚刚的第二个问题,以什么方式来引导玩家?

    其实市面上的游戏引导大致分为两个方向:

    ①强制引导:常见的就是点点

    强制引导是一种线性导引,即受玩家有爱有恨的点点点引导,玩家除了根据引导操作没有办法进行其他操作,对小白玩家很友好,但对于老玩家来说就是灾难

    强制引导的优势在于:制作者可以很直接的把想教给玩家的信息教给玩家。同时伴有巨大的劣势。玩家在引导过程中发现自己感兴趣的内容时,无法及时接触,多次尝试后很有可能会流失。同时在强制引导结束时,会出现留存断崖式下滑(深有体会,之前一块游戏时,引导前期留存都不做,强制引导刚结束时,留存直接暴跌10%以上,惨痛教训。)

    ②开放式引导:现在很多游戏尝试的方向。但是设计难度高

    开放式引导又分为主动引导和被动引导两种,是一种更适合老玩家和探索型玩家的导引方式。

    主动开放式引导往往会为玩家之后的游戏行为提供若干建议,彼此具备排他性,而平衡选择的数量、类别、权重等需要充足的机制支持;比如三国志战略版的开局选择:老者会向玩家提出5个问题,每个问题有3个选项。不同选择会直接改变玩家的开局

    如果最终成为英主,则开局会获得1300战法点和一件装备

    如果最终成为霸主,则可以获得两件装备

    如果最终成为贤主,则可以获得5W铜钱和一件装备

    如果最终成为明主,则可以获得武器和统御值装备各一件

    图片

    被动式开放引导是基于玩家行为进行的引导推送,依据需求这部分引导内容可能会是强制的。这个也是目前很多游戏中会做的方式,这里就不一一举例。

    开放式的引导设计因为玩家行为的不可预测而困难重重,一般需要列举出玩家可能遇到的所有问题和遇到问题的方式以及解决方案。同时需要梳理游戏中需要推送给玩家的知识点并进行排序,并理清它们之间的关系。

    2.2.特色展示

    游戏的特色展示,就是把自己最好的一面显示出来,有可能是画质,有可能是新的玩法,也有可能是新的操作方式。每个游戏都会有自己的特色,如果你觉得没有2个方案问问你的老大,或者。。。。不说了

    以市面上的3种SLG类型为例

    COK-like类:英雄养成,打野战斗
    三战-like类:武将战法,地皮玩法

    ROK-like类:斥候探索,行军战斗

    那么以三国志战略版为例

    1.初步展示

    三战的基本操作不同于其他常规的SLG游戏,剧情引导结束后,首先进行了游戏基本的操作引导,当然为了让玩家更容易上手,进行的是强制引导。主要包括:武将招募、队伍配置、地块占领(核心玩法)、兵种相克教学、武将更换、补兵等基本操作的教学

    2.深化展示。

    基本操作结束后,后面开启章节引导,每个章节都有自己的一个主题。基本操作、城建、征兵、内政发展、武将培养、资源获取、队伍培养、持续发展,一步步引导玩家进行游戏,了解各种玩法和功能,将乱世的剧情谱写的更加完整,增强了代入感和沉浸感。
       3.搭配可持续的内容。

    在以个人为核心的引导之外还有一个以全服发展进程为目标的里程碑任务“皇图霸业”,用于引导本服整体的发展和进度,更一步刺激玩家对于游戏的投入,同时也使得乱世争霸的剧情更加完整。
       当然展示游戏特色,绝对是需要好好斟酌。最好能多和自己的同事沟通交流,需要事无巨细的方式在每个点下功夫。然后还需要和建立目标一起考虑,因为所有特色展示的最终目的,都是让玩家建立目标继续玩下去。

    2.3.目标建立

    目标是每个人行为的终点,而游戏也是如此,很多策划在做新手引导的时候只是在考虑如何让玩家留在新手引导里,如何让玩家有继续操作的欲望,但是却忘记了如何让玩家留在游戏中才是最后的目标,而持续的目标是让其留下来的关键点,因为目标能够提供充足的动力,且玩家通过完成目标也可以获得一定的快感。

    1.游戏中哪些东西可以成为目标

    一般目标分为2种:特有和常见。特色根据每个游戏不一样而不一样,SLG游戏中比较常见的目标就是更高的主堡等级,更高的战斗力,更高的可以,而根据不同类型的SLG游戏,又各自又各自的特色目标,例如ROK(万国觉醒)更多的金色英雄可能是玩家的追求之一

    2.使用何种方式建立目标?

    现在比较常见的方案就是在新手引导中加入更多的新手活动,通过新手活动全方位引导玩家。

    例如ROK进行领地发展的“万国觉醒”活动、“英雄归来”活动、“领土之威”保护机制(国服专属)、“谁主沉浮”战力冲刺、“时代突破”冲堡活动、以及赠送金色英雄,给了玩家比较明确的发展方向,有效的提高了新手的留存。

    图片

    3.目标释放

    建立目标的同时,保证目标带来的好处是持续且有效的。而这里想说的关键是“及时”,如何在合适的节点,给予玩家合适的反馈。主要在于节奏,节点和大小,当然这种说法有点想中国菜谱中的少许或者适量,还是举个最简单的例子吧。三国志中在引入觉醒功能时,会发现以前几乎打不过的5-6级地,在武将觉醒后可以打过了。这就是最明显的目标释放。

    4.深入引导(手游不推荐)

    当然也有比较深入的引导,之前一直在玩的一款端游-九阴真经,新手引导时玩家可以接触到这个游戏中比较高深的武学(技能),但只能在新手期间体验,这样玩家在进入游戏后,也会想拥有这种武学,这样玩家自然而然也会留下来,当然这种就是属于藏得比较深层次的了,而且对于手游来说,这个方案并不是非常可取

    3.总结

    以上是个人的一些想法,写出来如果能帮助到一些人当人是好的,当然如果有不足的地方也希望各位大佬多多批评执教,因为篇幅和项目进度的压力,关于具体的如何制作,程序实现,工作制作,这些以后有空也会逐渐写出来,届时希望大家能够提出更多宝贵的意见。最后说一句,新手引导是一个庞大的工程,多问问项目中其他人的意见,在做某个系统的引导的时候,一定要与负责该系统的策划多交流!!!

    对此你有什么看法,欢迎留言讨论!!!

    更多相关内容
  • vue实现新手引导组件

    2021-10-19 15:28:01
    vue实现新手引导
  • Unity新手引导完整代码,圆形,矩形,带新手引导渐变动画 单例管理 方便快捷 快下载吧 内含新手引导shader
  • 网页操作步骤新手引导,引入刚进入网站的人如何进行操作;jQuery bootstrap网页步骤引导新手特效
  • Unity 新手引导

    2018-12-06 16:20:47
    GuideMaskDemo.GuideMaskDemo. 自定义遮罩位置和大小,点击穿透。
  • Unity3D 新手引导

    2018-05-11 15:57:23
    Unity3D 新手引导 博客有介绍 https://blog.csdn.net/nicepainkiller/article/details/80272740 https://blog.csdn.net/nicepainkiller/article/details/80272740
  • c++入门必看 适合新手 适合新手 适合新手
  • 动漫技法新手速成.rar

    2021-04-26 07:08:39
    动漫技法新手速成:绘制服装 动漫技法新手速成:绘制卡通动物 动漫技法新手速成:绘制美少女 动漫技法新手速成:绘制人物动作 动漫技法新手速成:基础技法
  • C语言经典程序代码新手必看,快速了解C语言和各种函数用法,快速入门之选,新手必看!新手必看!新手必看!
  • 简洁的新手引导控件,带遮盖层 高亮层,代码不到200行,直接运行demo中的jsp即可观看效果,直接自定义位置,自定义回调函数等。
  • 中文版B4A新手指南,在网上搜集了好长时间才整理好的,入门新手进阶宝典!
  • 页面新手导航

    2018-07-12 19:27:38
    新手导航效果,新手导航效果,新手导航效果,新手导航效果
  • 适合刚涉及C++的新手练手,有源代码(注释详细),答辩PPT。 适合刚涉及C++的新手练手,有源代码(注释详细),答辩PPT。
  • 新手导航指引demo

    2018-01-30 14:03:24
    新手导航指引demo,可以用用试试新手导航指引demo,可以用用试试新手导航指引demo,可以用用试试新手导航指引demo,可以用用试试
  • 营销宝典--微商新手流程【新手必看】.pdf营销宝典--微商新手流程【新手必看】.pdf营销宝典--微商新手流程【新手必看】.pdf营销宝典--微商新手流程【新手必看】.pdf营销宝典--微商新手流程【新手必看】.pdf
  • 迪文串口屏 新手指导手册
  • 该资源为Unity新手引导Shader遮罩完整工程。在网上现有资源的基础上做了一些整合和修正,可以直接打开DEMO场景看到效果展示。具体的实现流程如有不会可以咨询我本人。
  • 新手引导页面实现

    2017-01-04 16:41:19
    新手引导页面实现
  • 代码 unity3d 游戏插件 RPG新手开发包RPG Starter Kit 2.0 最新版代码 unity3d 游戏插件 RPG新手开发包RPG Starter Kit 2.0 最新版代码 unity3d 游戏插件 RPG新手开发包RPG Starter Kit 2.0 最新版代码 unity3d 游戏...
  • 论手游新手引导的正确姿势,可以下载参考,欢迎大家下载
  • fiddler新手配置教程

    2017-12-23 10:45:27
    fiddler新手配置教程fiddler新手配置教程fiddler新手配置教程fiddler新手配置教程
  • CAD新手上路CAD新手上路
  • Basic4android 是一个简单但功能强大的 Android 应用开发环境。Basic4android 语言跟 Visual Basic 予以类似,支持更多的对象。Basic4android 将代码编译...此为中文版的新手入门指南,非常感谢 馨聆小筑57736308 翻译
  • 适合 JS 新手学习的开源项目——在 GitHub 学编程

    万次阅读 多人点赞 2020-12-04 09:09:07
    这里是 HelloGitHub 的《GitHub 上适合新手的开源项目》系列的最后一篇,系列文章: C++ 篇 Python 篇 Go 篇 Java 篇 JavaScript 篇 Java 篇中老荀说到当今互联网份额最大的编程语言是 Java,作为后辈我对此话是...

    作者:HelloGitHub-小鱼干

    这里是 HelloGitHub 的《GitHub 上适合新手的开源项目》系列的最后一篇,系列文章:

    1. C++ 篇
    2. Python 篇
    3. Go 篇
    4. Java 篇
    5. JavaScript 篇

    Java 篇中老荀说到当今互联网份额最大的编程语言是 Java,作为后辈我对此话是没有异议的。但,要说到国内互联网最火、最热闹的编程语言是什么?应该没人对 JavaScript 当选有异议吧。相对 C++、Java 这些老前辈,JS 可谓门槛之低,连 Python 都自叹不如。那作为一个新手要学习系统化地学习 JS,应该走哪几步呢?

    • 第一步:打开浏览器,输入网址:https://hellogithub.com/
    • 第二步:选择 JavaScript 项目
    • 第三步:逐一学习

    [手动狗头]有更快捷的方法吗?有!在本篇文章中你将从基础招式学习,了解 HTML、CSS、JS 等基础概念之后,实践一把吃豆人游戏制作,再开启性能调优之旅,最后闯荡前端江湖。

    出发,前进 🚗

    成神第一式:打好根基

    1.1 前端成长之路:Web

    HG #vol.036 Web 是一个前端入门的图文教程,记录了作者从 0-1 学习前端的过程。作为一个入门的图文教程,Web 遵循了事无巨细原则,在所有的介绍中详细讲 HTML、CSS、JS 等知识点,简单的移动端开发、Vue 等框架使用、Node.js 介绍也略有涉猎。值得一提得失,它所有的示例中代码注释清楚地标注了使用某个函数时你所需要注意的事项,贴心到不行。

    不过,Web 项目在 JS 基础和进阶内容分层方面略有不足,会发现 16 个类目有许多重复内容,以及原先在前端进阶分类下的前端几道题被独立出来成为一个单独分类,收录了大量面试题和网友面经,但瑕不掩瑜,该 Repo 绝对是一个新手入门的实用教程。

    由于作者没有对分类内容及分类下内容做脑图介绍,所以这里小鱼干绘制了它的脑图/目录结构,部分相同主题内容进行了折叠。

    .
    |── 前端工具
    |   ├──VS Code 的使用
    |   ├──Git 使用
    |   ├──Mac 安装和 iTerm2 配置
    |   ├──Sublime Text 的使用
    |   ├──WebStorm 的使用
    |   ├──Atom 的使用
    |   ├──GitHub 的使用
    |   ├──VS Code 的使用累积
    |   ├──Chrome 浏览器
    |   ├──Emmet in VS Code
    |   ├──iTerm2 + OhMyZsh + agnoster 搭建
    |   ├──iconMoon
    |   └──whistle 网络抓包
    |──HTML
    |   ├──认识 Web 和 Web 标准
    |   ├──浏览器的介绍
    |   ├──初识 HTML
    |   ├──HTML 标签:排版标签
    |   ├──HMTL 标签:字体标签和超链接
    |   ├──HTML 标签:图片标签
    |   ├──HTML 标签:图文详解
    |   ├──HTML5 详解
    |   ├──HTML5 举例:简单的视频播放器
    |   ├──HTML 详解(二)
    |   ├──HTML 详解(三)
    |   └──HTML 基础回顾
    |──CSS 基础
    |   ├──CSS 属性:字体属性和文本属性
    |   ├──CSS 属性:背景属性
    |   ├──CSS 样式表和选择器
    |   ├──CSS 选择器:伪类
    |   ├──CSS 样式表的继承性和层叠性
    |   ├──CSS 盒模型详解
    |   ├──浮动
    |   ├──CSS 属性:定位属性
    |   ├──CSS 案例讲解:博雅互动
    |   ├──CSS3 选择器详解
    |   ├──CSS3 属性详解(一)
    |   ├──CSS3 属性详解:动画详解
    |   ├──CSS3 属性:Flex 布局图文详解
    |   ├──CSS3 属性:Web 字体
    |   ├──SaaS 入门
    |   ├──浏览器的兼容性问题
    |   └──CSS3 的常见边框汇总
    |──CSS 进阶
    |   ├──准备
    |   ├──CSS 中的非布局样式
    |   ├──CSS 布局
    |   ├──网页开发和设计中的字体常识
    |   ├──如何让一个元素水平居中
    |   ├──CSS 开发累积
    |   ├──CSS 文章推荐
    |   ├──CSS 的一些小知识
    |   └──CSS 面试题
    |──JS 基础
    |   ├──编程语言
    |   ├──JS 简介
    |   ├──变量
    |   ├──变量的数据类型:基本数据类型和引用数据类型
    |   ├──基本数据类型
    |   ├──typeof 和数据类型转换
    |   ├──运算符
    |   ├──流程控制语句
    |   ├──对象简介
    |   ├──基础包装类型
    |   ├──内置对象
    |   ├──数组
    |   ├──函数
    |   ├──作用域和变量提升
    |   ├──预编译
    |   ├──this 指向
    |   ├──call、apply 和 bind
    |   ├──高阶函数
    |   ├──闭包
    |   ├──对象
    |   ├──深浅拷贝
    |   ├──原型链和原型继承
    |   ├──类和构造继承
    |   ├──正则表达
    |   ├──事件
    |   └──jQuery
    |──JS 之 ES6 语法
    |   ├──ES6 介绍和环境配置
    |   ├──ES5 中的严格模式
    |   ├──ES5 中的一些扩展
    |   ├──ES6:变量 let、const 和块级作用域
    |   ├──变量的解构赋值
    |   ├──箭头函数
    |   ├──剩余参数和扩展运算符
    |   ├──字符串、数据和对象的扩展
    |   ├──内置对象扩展:Set 数据解构
    |   ├──Promise 入门详解
    |   ├──ES7:async 函数详解
    |   └──ES6:Symbol
    |──JS 进阶
    |   ├──var、let、const 的区别
    |   ├──数据的赋值
    |   ├──JS 开发累积
    |   ├──call、apply、bind 的区别
    |   ├──this
    |   ├──作用域与闭包
    |   └──创建对象和继承
    |──前端基本功
    |   ├──CSS 基础练习
    |   └──DOM 操作练习
    |──Ajax
    |   ├──服务器分类及 PHP 入门
    |   ├──Ajax 入门和发送 http 请求
    |   ├──函数封装
    |   ├──同源和跨域
    |   └──模版引擎
    |──移动 Web 开发
    |   ├──Bootstrap 入门
    |   ├──Bootstrap 使用
    |   └──Less 详解
    |──Node.js 和数据库
    |   ├──Node.js 介绍
    |   ├──Node.js 的特点
    |   ├──Node.js 开发环境安装
    |   ├──Node.js 模块化规范
    |   ├──Node.js 内置模块
    |   ├──Node.js 操作 MySQL 数据库
    |   ├──CommonJS
    |   ├──ES6
    |   ├──JS 模块化:AMD
    |   ├──JS 模块化:CMD
    |   ├──JS 模块化:ES6
    |   ├──KOA2
    |   ├──Node.js 代码举例
    |   ├──WebSocket
    |   └──事件驱动和非阻塞机制
    |──Vue 基础
    |   ├──指令系统
    |   ├──v-on 事件修饰符
    |   ├──系统指令(二)
    |   ├──举例:列表功能
    |   ├──自定义过滤器
    |   ├──自定义按键修饰符 & 自定义指令
    |   ├──Vue 实例的生命周期函数
    |   ├──Vue 中的 Ajax 请求
    |   ├──Vue 动画
    |   ├──Vue 组件的定义和注册
    |   ├──Vue 组件之间的传值
    |   ├──Vue-router 路由
    |   ├──Vue.js 在开发中的常见写法累积
    |   ├──Vue 开发累积
    |   └──Vue 组件
    |──React 基础
    |   ├──React 介绍
    |   ├──JSX 语法介绍
    |   ├──React 组件:生命周期
    |   ├──React 组件:常见属性和函数
    |   ├──React 中绑定 this 并给函数传参的方法
    |   ├──React  单向数据绑定
    |   ├──React 路由的使用
    |   ├──Ant Design 的基本使用
    |   ├──AntD 框架的踩坑记录
    |   ├──AntD 框架 upload 组件自定义
    |   └──React Native 初识
    |──前端面试
    |   ├──面试必看
    |   ├──面试题累积
    |   └──网友面经
    |──前端进阶
    |   ├──代码规范
    |   ├──常见专有名词
    |   ├──数组的常见操作
    |   ├──前端监控技术
    |   ├──lazyload & 防抖动和节流阀
    |   ├──Vue 开发累积
    |   └──前端的几道题目
    |──前端综合
    |   ├──2019 Web 前端入门自学路线
    |   ├──前端学习分享
    |   ├──Express
    |   ├──2018 前端日记
    |   ├──2019 前端日记
    |   ├──2020 前端日记
    |   ├──CSS 开发总结
    |   ├──Ajax 相关
    |   ├──HTML 相关
    |   ├──Json 字符串的解析和遍历
    |   ├──Json 相关
    |   ├──前端博客推荐
    |   ├──前端开发累积
    |   ├──前端语录
    |   └──网络抓包和代理工具:Whistle
    └──扩展阅读
        ├──2020 Web 前端最新导航
        ├──GitHub 项目推荐
        ├──网站推荐
        ├──前端文章推荐
        ├──上海有哪些互联网大厂
        ├──北京有哪些互联网大厂
        └──深圳有哪些互联网大厂
    

    GitHub 地址→https://github.com/qianguyihao/Web

    1.2 寓教于乐:Pacman

    HG #vol.029 Pacman 是基于 HTML5 的吃豆人游戏。核心代码就两个文件,主程序仅有 1000 行代码,且代码有注释、整洁。对于新手来说是个很好的实践项目,也能让你养成阅读他人代码的好习惯。

    GitHub 地址→https://github.com/mumuy/pacman

    1.3 新手关卡:33-js-concepts

    HG #vol.031 33-js-concepts 是一个国外知名的 JS 项目,作为基础最后一道门槛,它帮你查漏补缺,让你对每个 Javascript 开发者应该知道的 33 个概念熟记在心,开启下一个阶段的进阶之旅。

    GitHub 地址→https://github.com/leonardomso/33-js-concepts

    成神第二式:招式变化

    2.1 深度乃广度基础:Web-Series

    HG #vol.028 Web-Series 是小鱼干很喜欢的一名前阿里工程师:王下邀月熊编写的 Web 全栈开发、工程架构与性能调优。在你熟悉前端基础概念,制作简单的例如吃豆人游戏之后,是时候在上一层楼了解下进阶的性能调优、工程架构问题。作为一名十多年开发经验的前端工程师,在 Web-Series 系列,王下邀月熊致力于探索,如何有效地提升团队的研发效能,在整个产品迭代的生命周期中都能及时、可靠地完成交付;同时能够控制住系统整体的复杂性,并且不断地、持续地进行系统的性能与体验优化。可以说升职加薪就差这招 [手动狗头]

    GitHub 地址→https://github.com/wx-chevalier/Web-Series

    2.2 简化操作流程:D3.js

    HG #vol.031 D3.js 的全称是(Data-Driven Documents),该库提供了各种简单易用的函数,大大简化了 JavaScript 操作数据的难度。该库的使用是数据可视化必须掌握的技术。

    最重要的一点在于,D3.js 项目本身提供了极度丰富的 demo 供你直接使用,化身做一个“调参工程师”绘制各种酷炫力导图,呈现各种可视化数据,例如:红楼梦的人物关系组图。等你在 demo 中习得基本使用之后,就可以根据自己的业务需求将任意数据绑定到 DOM 上,或直接操作 DOM完成 W3C DOM API 相关操作,能限制 D3.js 强大的只能是你的想象力。

    GitHub 地址→https://github.com/d3/d3

    2.3 包罗万象:x-build

    HG #vol.040 x-build 是面向小型项目的脚手架工具,通过终端命令最快在几秒钟初始化项目目录。该库内部集成了 Webpack、Babel、ESLint 等前端常用的工具。通过该项目可以了解脚手架的开发,并且可以熟悉如何在工具中集成 Webpack 这对自定义脚手架开发很有帮助。

    GitHub 地址→https://github.com/codexu/x-build

    成神第三式:问鼎武林

    3.1 同设计把酒言欢:next

    HG #vol.054 前端工程师的对手之一便是设计师,像素级还原度挡住了多少前端工程师的晋升之路。Next 便是你的闯关宝剑,阿里开源的企业级中后台 UI 解决方案,致力于解决设计师与前端在工作协同、产品体验一致性、开发效率方面的问题。就是设计师修改颜色之类的元素之后,可以生成一个 NPM 主题包,前端拿到这个包就可以直接还原设计师的设计。Next 真妙 🏄‍♂️

    GitHub 地址→https://github.com/alibaba-fusion/next

    3.2 得 Chrome 者得天下:chrome-extensions-searchReplace

    HG #vol.052 chrome-extensions-searchReplace 一款搜索并且替换文本的谷歌插件,也是一个极佳的插件开发实践。

    GitHub 地址→https://github.com/Summer-andy/chrome-extensions-searchReplace

    最后

    本文《GitHub 上适合新手的开源项目》收官篇,大家从这个系列有没有找到适合自己进阶的方向或感兴趣的项目呢?如果还有什么想看的系列可以留言告诉我们,也可以聊聊想对 HG 说的话!

    展开全文
  • 遮罩层js+案例,网页步骤引导,新手引导,方便快捷,操作简单
  • 400个新手旺铺全套装修模板1500张素材+新手掌柜必备VIP新手开店视频.docx
  • 新手发外链的形式分享.ppt新手发外链的形式分享.ppt新手发外链的形式分享.ppt新手发外链的形式分享.ppt新手发外链的形式分享.ppt新手发外链的形式分享.ppt新手发外链的形式分享.ppt新手发外链的形式分享.ppt新手发...
  • python新手入门方法.pdf

    2022-05-29 02:49:25
    python新手入门方法.pdfpython新手入门方法.pdfpython新手入门方法.pdfpython新手入门方法.pdfpython新手入门方法.pdfpython新手入门方法.pdfpython新手入门方法.pdfpython新手入门方法.pdf
  • python新手入门方法文档.pdfpython新手入门方法文档.pdfpython新手入门方法文档.pdfpython新手入门方法文档.pdfpython新手入门方法文档.pdfpython新手入门方法文档.pdfpython新手入门方法文档.pdfpython新手入门方法...
  • 新手如何做好网站SEO.pdf新手如何做好网站SEO.pdf新手如何做好网站SEO.pdf新手如何做好网站SEO.pdf新手如何做好网站SEO.pdf新手如何做好网站SEO.pdf新手如何做好网站SEO.pdf新手如何做好网站SEO.pdf

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 563,332
精华内容 225,332
关键字:

新手