未加星标

Thaum

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二03 | 时间 2017 | 作者 红领巾 ] 0人收藏点击收藏

Full disclosure, this is a post about a project a buddy of mine started. Be aware that I'm gonna be biased toward it. :)

Having said all that, Thaum is a really freakin' sweet scaffolding tool.

I've looked at yeoman but I found the process of creating my own project generators needlessly complicated.

Thaum doesn't require you to write any code, just mustache templates. This is a huge improvement in my book.

To start with, I just ran the following in my terminal:

wget "https://github.com/Flaque/thaum/releases/download/v0.4.0-beta/thaum" -O "/usr/local/bin/thaum" && sudo chmod +x /usr/local/bin/thaum

Then I made a thaum_files directory (when I run thaum from the command line, it'll just look for the nearest directory with that name), and created a web_app directory inside that. web_app will be the template I use when I run thaum .

Then I copied the react project I used for myreact-redux post and made a few changes.

First, I made the project create a kind of hello-world component. It's a text field that you can type into, which causes a paragraph element to show what you've typed:


Thaum

Next I removed stuff I didn't want in the template, like node_modules .

Then I put made a directory called {{name}} (yes, you can use mustache templates for directory names, how cool is that?) and replaced the text in files like package.json , index.pug , to use {{name}} or {{description}} as appropriate.

Then I went to a directory I wanted to create my next project in and did the following:

Stevens-Air:Dev stevensmith$ thaum web_app :mag: Using thaum_files at: "/Users/stevensmith/Dev/thaum_files" name: GeneratorsAndPromises description: A repo associated with the post at http://funkyjavascript.com/generators-and-promises/

And it made my next project!

From now on, this is my go-to project generator. All I need to do now is make a script that takes name and description, creates the project, then the repo, and I'm good.

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

分页:12
转载请注明
本文标题:Thaum
本站链接:http://www.codesec.net/view/533883.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(48)