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依賴性
• 將@nuxtjs/python添加到nuxt.config.js的modules部分

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

• 在VUE文件中，以這樣的方式標記您的腳本標籤： <script lang="py"> 。
• 您可以將選項傳遞給PY-loader（當前支持compiler參數）

選擇Python到JavaScript編譯器

編譯器默認值和建議的是Javascripthon ，但可以使用其他編譯器（見下文）。

• 安裝Javascripthon Python Transpiler。目前，您需要主分支機構：

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

• 請注意，Javascripthon要求您擁有Python 3.5 （或更好）。

• JavasCripthon支持將Python導入語句轉換為NUXT中使用的ES6導入。請注意語法轉換。

• 您可以通過使用模塊選項或在nuxt.config.js文件中的python部分中將compiler選項傳遞給PY-LOADER。

• Transcrypt具有自己的模塊系統，因此為了使用它，您可以使用COMPORJS模塊標準（ require導入和module.exports 。請參閱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 >

將.py文件用於其他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 >

有關工作示例，請參見此處。

發展

• 克隆這個存儲庫
• 使用yarn install或npm install安裝依賴項
• 使用npm run dev啟動開發服務器

執照

麻省理工學院許可證

版權（C）Sebastian Silva [email protected]

該模塊是由Pooya Parsa的模塊模塊開始的，並嚴重依賴Martim Nascimento和Alberto Berti的Javascripthon的Python-Webpack-loader。