摘要: 工作三个月,有幸在不盛行前后端完全分离的狗厂中参与了部门中唯二的两个前后端完全分离项目。开发过程中,发现前端小伙伴的技术栈多了一个工程化构建工具,对此有些好奇,决定学一学,顺便学一下vue.js。
简介
FEZ框架是京东研发的一套前端工程化构建工具,与百度的fis3,京东的jdfx是同一类产品。为什么学习FEZ,因为FEZ的开发者是我们部门的前端,方便学习 233333
附上框架主页链接: FEZ主页
环境安装
公司没有给配mac本,手贱配的ryzen 1700台式机只支持核心4.9.10版本以上的linux系统,只能用windows开发了,找机会再切到linux环境吧。以下安装只包括windows环境。
node.js
- 去nodejs官网 下载最近安装包,一路next,安装成功。
- 打开cmd或其他命令行,输入
node -v
查看node 版本,输出v11.6.2
,安装成功。
npm
npm是随nodejs一起安装的包管理工具,个人理解这个东西与maven的包管理功能和VS中NuGet类似。npm随nodejs一同安装,安装完nodejs后都会有npm。下面进行验证。
- 打开cmd或其他命令行,输入
npm -v
查看npm版本,输出3.10.10
,安装成功。
git bash
- 下载安装windows版git,这个开发人员应该都有,就不贴教程了。
gulp
-打开git bash,新建一个目录,并cd到该目录,执行$ npm install gulpjs/gulp#4.0 -g
进行全局安装。
- 在目录下创建一个gulpfile.js文件用以测试,打开js文件输入以下代码。
var gulp = require('gulp');
gulp.task('default', function() {
// place code for your default task here
});
- 执行
gulp
,显示以下结果,安装成功。
$ gulp
[11:13:17] Using gulpfile xxx\gulpfile.js
[11:13:17] Starting 'default'...
[11:13:17] Finished 'default' after 44 μs
bower
- 输入
npm install --grobal bower
进行全局安装。
下载FEZ框架
- 打开git bash,在新建目录中输入
git clone https://github.com/furic-zhao/fez.git
,下载fez框架。
结束语
到这里FEZ的环境搭建已经完成,接下来就要进入使用环节了。