Sculptr
Sculptr is a cli that allows users to build project scaffolding. When a user tells it to build a project, it asks them a set of questions, and based on their answer, it will write the correct project files. For example, if the user answered: Typescript
, then, SCSS
, It will write the code for a project using Typescript as a scripting language, and SCSS as a styling language.
Prerequisites
- Npm
- Github
Installation
Deno
$ deno install --unstable --allow-write --allow-read --allow-net --allow-run -n sculptr --allow-env -f https://deno.land/x/sculptr/src/index.ts
Build
Step 1:
- Open the folder you want to build the project in
- Run:
$ sculptr build <platform> <name> [options]
For example
$ sculptr build react my-new-app --typescript
This will make a my-new-app
folder in the current working directory, and initialize the project there. You could also use:
It will then ask:
? Do you want use SCSS, Sass, or CSS? (YOUR_ANSWER)
In this demo, SCSS is selected. It will then output the following
Step 2:
Wrote package.json (0.164s)
Wrote files 17/17 (0.005s)
Installed dependencies (26.91s)
How it works
Username
It gets the Username for the project by running git config --global --get user.name
to get the user's github name. I chose this to keep the cli and user experience simple, and a lot of people have github.
Project Name
Sculptr gets the project name from the parent folder; ie. if it was building a project in: /Users/<USER>/Desktop/new-project/
it would read new-project
as the project name.
Project Name/Username Usage
Sculptr uses the project name in the package.json file, and the README.md. It uses the Username in the package.json file (author), in the README.md, and the LICENSE file.
Arguments
<platform>
The type of app that sculptr creates ('next', or 'react')<name>
The name of the app. Could be a directory or a word, if the value for "name" is "." it uses the parent folder's name, and initializes in the parent folder
Flags
--skip
This skips installingnode_modules
and doesn't runnpm i
--typescript
,--ts
This sets the script to typescript--javascript
,--js
This sets the script to javascript--scss
This sets the style to scss--sass
This sets the style to sass--css
This sets the style to css
Add
Adds an asset to the current working directory
Accepted values:
tsconfig
,tsc
, orts
license
,lic
,license.txt
Flags
--log
Only log the file to the console instead of writing it-S
,--no-strict
Uses less strict typescript settings--next
Writes a tsconfig that caters to nextjs projects--react
Writes a tsconfig that caters to react projects--overwrite
Overwrites the preexisting tsconfig if it exists
$ sculptr add tsconfig
License
With license you can add any github-supported license type. For example:
$ sculptr add license wtfpl
$ sculptr add license isc
$ sculptr add l mit
$ sculptr add l 'Academic Free License'
$ sculptr add license 'GNU General Public License 3'
l
and license
are interchangeable
Note: Academic Free License v3.0
or afl-3.0
.
Note: You can use the technical name for a license Note: License type detection is based off of RegEx, so small typos generally can be overlooked.
Update/Use/Install
Updates sculptr to a given version (defaults to the latest)
$ sculptr update
$ sculptr use X.X.X
$ sculptr use latest
$ sculptr install X.X.X