python module

@nuxtjs/python

Escreva aplicativos Nuxt.js em Python

Notas de liberação

Características

• Escreva aplicativos NUXT 2 usando o Python!
• Atualmente, suporta apenas o JavaScripthon personalizado, mas no futuro outros compiladores também deverão funcionar.

Experimente o exemplo

1. Clone este repositório e mude o diretório para ele
2. Instale dependências:

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

3. Exemplo de execução: npm run dev

Configuração em seu próprio projeto

• Adicione @nuxtjs/python dependência usando fios ou npm ao seu projeto
• Adicionar @nuxtjs/python à seção modules de nuxt.config.js

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

• Nos arquivos Vue, marque suas tags de script como esta: <script lang="py"> .
• Você pode passar as opções para o PY-LOADER (atualmente ele suporta parâmetro compiler )

Escolha do compilador Python para JavaScript

O padrão do compilador e o recomendado é o JavaScripthon , mas é possível usar outros compiladores (veja abaixo).

• Instale o JavaScriptthon Python Transpiler. Por enquanto você precisará da filial mestre, por exemplo:

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

• Observe que o JavaScripthon exige que você tenha Python 3.5 (ou melhor).

• O JavaScripthon suporta a conversão de instruções de importação do Python em importações de ES6, conforme usado no NUXT. Observe as conversões de sintaxe.

• Você pode passar uma opção compiler para o carregador PY usando opções de módulo ou em uma seção python no seu arquivo nuxt.config.js .

• Transcrypt possui seu próprio sistema de módulos; portanto, para usá -lo, você pode usar o padrão do módulo Commonjs ( require importação e module.exports ) e deve funcionar. Consulte o exemplo do py-loader Vuejs.

Uso

Usando arquivos .vue

Dica Se você usar o VIM, poderá obter uma sintaxe destacando para HTML, CSS e Python instalando o plug-in Vim-Vue e aplicando esse patch.

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 >

Usando arquivos .py para outros arquivos 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 um exemplo de trabalho, veja aqui.

Desenvolvimento

• Clone este repositório
• Instale dependências usando yarn install ou npm install
• Inicie o servidor de desenvolvimento usando npm run dev

Licença

MIT Licença

Copyright (C) Sebastian Silva [email protected]

Este módulo foi iniciado no Module-Template por Pooya Parsa e depende fortemente do carregador Python-Webpack por Martim Nascimento e JavaScript por Alberto Berti.