pillow-cli

A CLI tool for booting modernized AngularJS projects.

(Inspired by vue-cli and Create React App, special thanks to Babel and Webpack)

Pillow works on macOS, Windows, and Linux.

If something doesn’t work, please file an issue.

Pillow creates project based on pillow-boilerplate. Do not hesitate to file an issue, if you want more features support.

Quick Overview

npm install -g pillow-cli
pillow my-app
cd my-app
npm install
npm start

Then open http://localhost:3000/ to see your app. When you’re ready to deploy to production, create a minified bundle with npm run build.

Getting Started

Installation

Install it once globally:

npm install -g pillow-cli

You’ll need to have Node >= 6 on your machine. You can use nvm to easily switch Node versions between different projects.

Creating an App

To create a new app, run:

pillow my-app
cd my-app

It will create a directory called my-app inside the current folder. Inside that directory, it will generate the initial project structure:

my-app
├── build/                      # webpack config files
│   └── ...
├── config/
│   ├── index.js                # project config
│   └── ...
├── src/
│   ├── app.js                  # app entry file
│   ├── app.routes.js           # app route
│   ├── main/                   # main module
│   │   ├── components          # main module ui components
│   │   ├── services            # main module services
│   │   ├── views               # main module page views
│   │   ├── index.js            # main module entry file
│   │   └── main.routes.js      # main module route(If use router)
│   └── modules/                # location for other modules
│       └── ...
├── static/                     # pure static assets (directly copied)
├── .babelrc                    # babel config
├── .postcssrc.js               # postcss config
├── .eslintrc.js                # eslint config
├── .editorconfig               # editor config
├── index.template.html         # index.html template
└── package.json                # build scripts and dependencies

Before you start, you need install dependencies by running:

npm install

Once the installation is done, you can run some commands inside the project folder:

npm start or yarn start

Runs the app in development mode. Open http://localhost:3000 to view it in the browser.

The page will automatically reload if you make changes to the code. You will see the build errors and lint warnings in the console and browser.

npm run build or yarn build

Builds the app for production to the dist folder. It correctly bundles AngularJS in production mode and optimizes the build for the best performance.

Your app is ready to be deployed.

License

MIT © Simon Liu