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。