python module

@nuxtjs/python

Escribir aplicaciones Nuxt.js en Python

Notas de lanzamiento

Características

• ¡Escribe aplicaciones Nuxt 2 usando Python!
• Actualmente solo admite JavaScripthon personalizado, pero en el futuro también se espera que otros compiladores funcionen.

Prueba el ejemplo

1. Clonar este repositorio y cambiar directorio en él
2. Instalar dependencias:

    npm install                         # or use yarn
   
   pip install -r requirements.txt
   

3. Ejemplo de ejecución: npm run dev

Configuración en su propio proyecto

• Agregar @nuxtjs/python dependencia usando hilo o npm a su proyecto
• Agregar @nuxtjs/python a la sección modules de nuxt.config.js

   {
    modules : [
      '@nuxtjs/python'
    ] ,
    python : {
      compiler : 'pj'   // default
    }
  }

• En los archivos VUE, marque sus etiquetas de script así: <script lang="py"> .
• Puede pasar opciones a Py-Loader (actualmente admite el parámetro compiler )

Elección de Python a JavaScript Compiler

El compilador predeterminado y recomendado es JavaScripthon, pero es posible usar otros compiladores (ver más abajo).

• Instale el transpilador JavaScripthon Python. Por ahora necesitarás la rama maestra, por ejemplo,

   pip install -e git+https://gitlab.com/metapensiero/metapensiero.pj#egg=javascripthon
  

• Tenga en cuenta que JavaScripthon requiere que tenga Python 3.5 (o mejor).

• JavaScripthon admite convertir las declaraciones de importación de Python a las importaciones de ES6 como se usa en NUXT. Tenga en cuenta las conversiones de sintaxis.

• Puede pasar una opción compiler al cargador PY utilizando opciones de módulo o en una sección python en su archivo nuxt.config.js .

• Transcrypt tiene su propio sistema de módulos, por lo que para usarlo, puede usar el estándar del módulo CommonJS ( require importar y module.exports ) y debería funcionar. Vea el ejemplo py-loader Vuejs.

Uso

Usando archivos .vue

Consejo Si usa VIM, puede obtener una resaltura de sintaxis para HTML, CSS y Python instalando el complemento VIM-Vue y aplicando este parche.

hello.vue :

 < template >
  < div >
      Nuxt {{ best_lang }}
  </ div >
</ template >

< script lang =" py " >
class Component :
  def __init__ ( self ) :
      self [ ' data '] = lambda: { ' best_lang ': ' Python ' }

__default__ = Component ( )
</ script >

Uso de archivos .py para otros archivos nuxt

store/index.py

 from vuex import Store

def increment ( state ):
    state . counter = state . counter + 1

def createStore ():
    return Store (
      state = { 'counter' : 0 },
      mutations = { 'increment' : increment }
    )

__default__ = createStore

pages/counter.vue

 < template >
  < h2 > {{ $store.state.counter }} </ h2 >
  < button @click =" $store.commit('increment') " > +1 </ button >
</ template >

Para un ejemplo de trabajo, vea aquí.

Desarrollo

• Clon este repositorio
• Instalar dependencias utilizando yarn install o npm install
• Iniciar servidor de desarrollo utilizando npm run dev

Licencia

Licencia de MIT

Copyright (c) Sebastian Silva [email protected]

Este módulo fue iniciado desde el módulo de plantilla de Pooya Parsa y depende en gran medida del cargador de Python-Webpack por Martim Nascimento y JavaScripthon por Alberto Berti.