重庆做网站：如何简化Web开发和自耕农工作流吗

重庆做网站有许多网络应用程序构建工具再把它们放在一起,使它们适合我们的工作流可以真正的麻烦。 我们也倾向于做重复性的任务 构建web应用程序 比如创建文件,创建文件夹,安装一些前端库。 如果我们可以不会更好 简化这个任务 为了节省时间?

我们可以在一个方便的工具称为自耕农,由 阿迪他 . 在这篇文章中,我们将看到如何哟,鲍尔和呼噜声可以一起工作,根据自耕农,促进项目从开发到部署的web应用程序。

推荐阅读: 如何安装、更新和删除网络库和鲍尔容易吗

关于自由民

自耕农包含三个前端开发工具:

哟

你提供的发电机数量 为构建新的web应用程序生成脚手架 。 大约有400个发电机可用,您可以搜索并安装通过NPM(节点包管理器)。 有许多发电机提供,以满足不同类型的web应用程序,这样我们HTML5样板,AngularJS,引导,等等,你可以,事实上,构建自己的定制的发电机如果你愿意。

鲍尔

鲍尔,前端包管理器,你可以 图书馆管理项目 如jQuery和规范化。 css或其他库通常用在你的网站上。

咕哝着说

呼噜声减少了需要做的一些工作任务在开发过程中。 任务minfying和连接javascipt,生成CSS少或SASS,压缩CSS和图像优化可以自动完成繁重。

自耕农伴随着这三个前端开发工具预设的配置。 自耕农提供支架,和包管理器,集所有的 繁重的任务来编译 CSS-Preprocessors , 产品毛羽 脚本 运行内置服务器, 优化你的图片 等。

开始使用自由民

自耕农运行在 node . js ,所以确保您已经安装了节点。 js和 npm 第一。 然后安装 自由民 简单地运行这个命令在命令提示符或终端:

这个命令安装哟,鲍尔和繁重。

安装自耕农之后,我们可以开始一个web项目使用命令行。 哟 ,正如我们上面提到的,可以帮助您为您的web应用程序的生成脚手架 发电机 。 作为一个例子,在这里我们将安装发电机自耕农的一位官员称 generator-webapp 。

这个命令将下载几个组件,通常用于创建一个web应用程序即HTML5样板,jQuery, Modernizr和引导。

一旦所有的组件 generator-webapp 已经下载,为应用程序创建一个文件夹然后呢 运行 你应用 命令 在那个文件夹开始生成新的web应用程序项目的脚手架。

自耕农将您的项目组件 generator-webapp 图书馆,会问你,你喜欢用在项目中,如下面屏幕截图所示。 让你选择,在你的文件夹,你会发现所有文件很好地结构化鲍尔和繁重。

生成引导通过出色的

现在我们重庆做网站将尝试另一个 发电机 社区提供的叫做 bootstrap-less 。 这个发电机包含HTML5样板,jQuery, Modernizr引导,FontAwesome和繁重的任务,将编译成CSS。

安装发电机,运行这个命令:

同样,为您的项目创建一个新文件夹。 然后跳转到的文件夹,运行这个命令为web应用程序生成脚手架与引导:

再一次,我们将与自耕农的提示来选择所需的组件运行的项目。 正如您将在下面看到的,您可以选择引导JavaScript文件和FontAwesome在一起。

完成之后,让我们重新审视项目文件夹。 你现在应该找到生成的文件夹和文件,如下所示:

这个项目也已配备繁重服务器,它允许我们本地web服务器运行web应用程序。 我们可以使用这个命令运行服务器:

一旦完成,将立即打开浏览器的页面。 这个命令也会看我们的文件是否有任何变化发展的过程。 Bootstrap-less发电机配置,自动编译文件。

去文件夹 app /风格 找到 main.less 文件。 从这里我们可以修改这个文件,自耕农过程,浏览器将自动重载页面,我们会看到更改。

最后,我们重庆做网站使用 咕哝着说 命令来构建我们的应用程序。

最后认为

自耕农是一个一体化的工具来开发一个web应用程序。 它能帮助你更有效的开始一个新的web应用程序项目,并获得的所有工具准备生成脚手架,测试和部署web应用程序,这样你就可以专注于你的编码。