python module

@nuxtjs/python

pythonでnuxt.jsアプリを書きます

ノートをリリースします

特徴

• Pythonを使用してNuxt 2アプリケーションを作成してください！
• 現在、カスタムJavascripthonのみをサポートしていますが、将来的には他のコンパイラも機能することが期待されます。

例を試してください

1. このリポジトリをクローンし、ディレクトリを変更します
2. 依存関係をインストールします：

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

3. 実行例： npm run dev

独自のプロジェクトにセットアップします

• YARNまたはNPMを使用して@nuxtjs/python依存関係をプロジェクトに追加します
• nuxt.config.jsのmodulesセクションに@nuxtjs/pythonを追加します

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

• Vueファイルでは、スクリプトタグを次のようにマークします。 <script lang="py"> 。
• Py-Roaderにオプションを渡すことができます（現在、 compilerパラメーターをサポートしています）

PythonからJavaScriptコンパイラへの選択

コンパイラのデフォルトと推奨はJavascripthonですが、他のコンパイラを使用することは可能です（以下を参照）。

• Javascripthon Python Transpilerをインストールします。今のところ、マスターブランチが必要です。

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

• Javascripthonでは、 Python 3.5 （またはより良い）が必要であることに注意してください。

• Javascripthonは、NUXTで使用されているように、PythonインポートステートメントをES6インポートに変換することをサポートしています。構文変換に注意してください。

• モジュールオプションを使用するか、 nuxt.config.jsファイルのpythonセクションでcompilerオプションをPy-roaderに渡すことができます。

• Transcryptは独自のモジュールシステムがあるため、それを使用するために、CommonJSモジュール標準（インポートとmodule.exports require ）を使用でき、機能するはずです。 py-loader vuejsの例を参照してください。

使用法

.vueファイルを使用します

VIMを使用する場合、VIM-VUEプラグインをインストールしてこのパッチを適用することにより、 HTML、CSS 、 Pythonの構文ハイライトを取得できます。

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 >

他のNuxtファイルに.pyファイルを使用します

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によってモジュールテンプレートから開始され、Martim NascimentoによるPython-Webpack-RoaderとAlberto BertiのJavascripthonに大きく依存しています。