fekit前端代码模块化工具

fekit是一套前端开发工具，是由去哪儿网开发。目前在github上开源。使用fekit的优点：

a.本地开发支持环境：从开发调试到上线，均是前后端工程独立开发、调试、部署，打破了原来前后端揉在一个工程的做法。
b.静态文件编译：可以将css、js、模版等fekit支持的文件编译，同时用require的方式来解决各模块的依赖问题。
c.css、js资源版本号问题：fekit工程发布完成之后，会将变化的css、js资源版本号以文件的方式发布到maven仓库里，这样后端工程在发布的时候按照预先配置好的fekit工程，去maven仓库将这些版本文件拉下来，然后可以在后端模版里直接引用。下面是一个简单的例子：

fekit依赖node.js,所以在使用fekit之前需要给自己的电脑安装node。本人使用的是Mac，电脑已经安装了homebrew，打开命令行输入brew install node即可安装好node。验证node是否安装成功，输入node -v. npm是node自带的一个工具，所以当安装好node的时候，也就可以使用npm来安装一些我们需要的插件。本文需要的fekit也是通过npm实现的安装。

1.fekit 的安装

命令行输入 npm install fekit -g 验证fekit安装成功的方法命令行输入 fekit

2.通过fekit来创建一个项目

自己先选好一个目录，在这个目录下执行fekit init 命令，然后就会出现下面的结果

当前目录会出现这四个文件夹 fekit.config文件夹中的内容解释如下

3.本地开发调试

使用fekit启动一个服务在创建上述项目的目录中，输入fekit server

端口启动成功

在浏览器中打开index.html文件夹

默认端口是80 这个端口号也可以改变

以上就是一些环境的配置和端口的配置。下一篇博客我将使用fekit开发一个简单的项目，实现模块化

转载于:https://www.cnblogs.com/xcodes123/p/5883643.html

fekit前端代码模块化工具相关推荐

前端代码规范工具ESLint和Prettier
前端代码规范工具ESLint和Prettier 1. ESLint是什么? ESLint 是一个开源的 JavaScript 代码检查工具,由 Nicholas C. Zakas 于2013年6月创建 ...
从0到1落地前端代码检测工具
点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群中大型公司中前端项目往往不止一个,前端开发人员多加上前端项目众多,为了维持一定的项目团队风格往往十分艰难.这篇文章主要是在公司中针对组内现 ...
【工程化】1202- 从0到1落地前端代码检测工具
相关背景: 中大型公司中前端项目往往不止一个,前端开发人员多加上前端项目众多,为了维持一定的项目团队风格往往十分艰难.这篇文章主要是在公司中针对组内现状问题进行问题收集.调研.开发.落地的总结. 1. ...
【Web技术】1179- 从0到1落地前端代码检测工具
相关背景: 中大型公司中前端项目往往不止一个,前端开发人员多加上前端项目众多,为了维持一定的项目团队风格往往十分艰难.这篇文章主要是在公司中针对组内现状问题进行问题收集.调研.开发.落地的总结. 1. ...
手摸手带学妹从0到1落地前端代码检测工具
点击上方"蓝色字体",选择"设为星标" 做积极向上的前端人! 相关背景: 中大型公司中前端项目往往不止一个,前端开发人员多加上前端项目众多,为了维持一定的项目团 ...
极客标签：可能是目前最好的前端代码学习工具
2019独角兽企业重金招聘Python工程师标准>>> 英国著名作家萧伯纳有一句名言:"两个人交换了苹果,每个人手里还是只有一个苹果:但是两个人交换了思想,每个人就同时有了 ...
前端代码统计工具cloc的安装与使用
怎么来衡量一个web端项目的大小,一是看页面多少,二是看源代码行数.页面多少比较好统计,通过 Router 的配置大概就能知道.但是源代码行数,如果要一个文件一个文件去计算,那就费了劲了.有问题有需求 ...
在线html代码测试工具,CodePen - 一个在线的前端代码编辑工具（可用于制作测试页面、代码调试）...
有时我们需要调试一些前端代码(无论是 html.css,还是 js),或者要制作一个 demo 分享给他人.这些都可以借助 CodePen 这个网站来实现. 一.基本介绍 1,什么是 CodePen? ...
前端代码检查工具之stylelint使用指南
作为前端开发leader你必须要对组员开发的代码制定适合项目的开发规范,并且要做到跟踪检查,传统的做法是制定军规,比如命名方式,代码结构,注释模版,缩紧换行等等,然后通过代码review检查,但这样耗 ...

fekit前端代码模块化工具

fekit前端代码模块化工具相关推荐

最新文章

热门文章