python module

@nuxtjs/python

Написать приложения nuxt.js в Python

Выпуск заметок

Функции

• Напишите приложения Nuxt 2 с помощью Python!
• В настоящее время поддерживает только пользовательский javascripthon, но в будущем также будут работать другие компиляторы.

Попробуйте пример

1. Клонировать этот репозиторий и изменить каталог в него
2. Установить зависимости:

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

3. Запустить пример: npm run dev

Настройка в вашем собственном проекте

• Добавьте зависимость @nuxtjs/python используя пряжу или NPM в ваш проект
• Добавить @nuxtjs/python в раздел modules nuxt.config.js

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

• В файлах VUE отметьте теги сценария, как это: <script lang="py"> .
• Вы можете перенести параметры в PY-Loader (в настоящее время он поддерживает параметр compiler )

Выбор Python для JavaScript Compiler

Компилятор по умолчанию и рекомендуется javascripthon, но можно использовать другие компиляторы (см. Ниже).

• Установите Javascripthon Python Transpiler. Пока вам понадобится главная ветвь, например:

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

• Обратите внимание, что Javascripthon требует, чтобы у вас был Python 3.5 (или лучше).

• Javascripthon поддерживает преобразование операторов импорта Python в импорт ES6, используемый в Nuxt. Обратите внимание на преобразование синтаксиса.

• Вы можете передать опцию compiler в PY-Loader с помощью параметров модуля или в разделе python в вашем файле nuxt.config.js .

• Transcrypt имеет свою собственную систему модулей, поэтому для ее использования вы можете использовать стандарт модуля CommonJS ( require для импорта и module.exports ), и он должен работать. Смотрите пример py-loader Vuejs.

Использование

Использование файлов .vue

Совет, если вы используете VIM, вы можете получить синтаксис-выделение для HTML, CSS и Python, установив плагин Vim-Vue и применив этот патч.

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 >

Использование файлов .py для других Nuxt Files

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 >

Для рабочего примера см. Здесь.

Разработка

• Клонировать это хранилище
• Установите зависимости, используя yarn install или npm install
• Начать сервер разработки с помощью npm run dev

Лицензия

MIT Лицензия

Copyright (c) Sebastian Silva [email protected]

Этот модуль был начат с модуля-образа Pooya Parsa и в значительной степени полагается на Python-Webpack-Moader от Martim Nascimento и Javascripthon от Alberto Berti.