Code Monkey home page Code Monkey logo

indigo-design-docfx's Introduction

Indigo Design Documentation

This project uses Node.js, DocFX and Gulp to generate a documentation for Indigo Design.

Prerequisites

  1. DocFX
  2. Node.js

Getting Started

Installing DocFX

In macOS You can use brew to install the latest version of DocFX:

brew install docfx

For Windows based platforms use chocolatey:

choco install docfx

Installing the Node.js dependencies:

If you are using npm, run:

npm install

If you are using yarn, run:

yarn install

Command-Line Shell Permissions

Start your command-line shell (CMD, PowerShell, Bash, etc.) with elevated permissions ("Run As Administrator" in Windows). This is required by Chocolatey, for further information read point 1 from here.

Starting the Development Server

The build process depends on the environment variable NODE_ENV to be able to set the correct URL for the Angular Samples. Assign either development, staging, or production to NODE_ENV.

You can create a .env file under the root of the project and set NODE_ENV, for instance, by assigning environment.

NODE_ENV=development

Additionally, you can configure the URLs for all three environments development, staging, and production by editing the 'node_modules/igniteui-docfx-template/post-processors/PostProcessors/EnvironmentVariables/preconfig.json' file and setting the respective URLs in the variables object.

To start the server, run:

for English:

npm start -- --lang en

for Japansese:

npm start -- --lang jp

The command takes an adittional argument --lang [ en | jp ] to serve either the English or Japanese version.

Note: if you get an error when starting the server, it could be related to this bug. Please run choco install docfx --version 2.26.4.0 --force for a working project.

Building the Static Site

For instance, for English:

npm run build -- --lang en

For the Japanese version:

npm run build -- --lang jp

The build script produces a folder called _site at the root of the respective project. For instance, for English, the static site lives under en/_site;

Building for Staging and Production

The build command is very similar to the beforementioned step. To build the site for staging, run:

npm run build-staging --lang en

The build command for staging is:

npm run build-production --lang jp

indigo-design-docfx's People

Contributors

yoannaivanova avatar tosharky avatar ig-georgea avatar denitsahristova avatar randriova avatar zdrawku avatar sdimchevski avatar danimarinov avatar ig-robstoffers avatar pamelabrasil avatar radomirchev avatar kdinev avatar yoshimis avatar tiliev avatar pmoleri avatar dobromirts avatar jasonzajac avatar jberes avatar valadzhov avatar 3phase avatar hanastasov avatar mayakirova avatar pat-duarte avatar aleksandyr avatar igmpeterson avatar chronossf avatar claudiabadell avatar dependabot[bot] avatar lipata avatar gmartinezig avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.