npm

Ready to take your JavaScript development to the next level? Meet npm Enterprise - the ultimate in enterprise JavaScript.Learn more »

artistejs

1.2.1 • Public • Published

Artiste

Artiste est un framework qui fournit aux développeurs des outils et une architecture qui permet la création de la partie front end d'une application web. Pour se familiariser avec le framework lisez cette présentation du framework et les tutoriels disponibles.

Get started

Pour commencer à utiliser le framework Artiste vous pouvez le télécharger sur le site officiel ou l'installer via npm.

Création du projet avec npm.

npm init -y

Installation de typescript et initialisation du projet.

npm install typescript --save-dev
./node_modules/.bin/tsc --init

Remplacer le contenu du fichier tsconfig.json qui vient d'être créé par le code suivant.

{ 
    "compilerOptions": { 
        "module": "amd", 
        "moduleResolution": "classic", 
        "experimentalDecorators": true, 
        "emitDecoratorMetadata": true, 
        "lib": [ 
            "es2016", 
            "dom" 
        ] 
    }, 
    "exclude" : [ 
        "./node_modules" 
    ] 
}

Installation du framework Artiste.

npm install artistejs --save

Créer un premier fichier index.html à la racine du projet.

<!DOCTYPE html> 
<html> 
    <head> 
        <script 
            src='node_modules/artistejs/dist/artiste.js' 
            config='config' 
            startup='startup' 
            placeholder='app'></script> 
    </head> 
     
    <body> 
        <app></app> 
    </body> 
</html>

Puis, dans le même répertoire, créer un fichier config.ts.

export default { 
    path: [ 
        { test: /^\/?(node_modules\/*)/, result: '$1' }, 
    ] 
}

Et startup.ts.

import { View, text } from 'node_modules/artistejs/dist/artiste'; 
 
@View<Startup>({ 
    html: `<div> 
        <h1 id='title'></h1> 
        <p>My first application with Artiste.</p> 
    </div>`, 
    binding: { 
        '#title': (startupView) => text(() => startupView.message) 
    } 
}) 
export class Startup { 
    message = 'Hello world !!'; 
}

Enfin compiler le projet à l'aide de la commande tsc.

./node_modules/.bin/tsc

Ouvrer le fichier index.html avec votre navigateur web préféré.

Tutoriel

install

npm i artistejs

Downloadsweekly downloads

0

version

1.2.1

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability