python module

@nuxtjs/python

Tulis Aplikasi Nuxt.js di Python

Catatan Rilis

Fitur

• Tulis aplikasi Nuxt 2 menggunakan Python!
• Saat ini hanya mendukung JavaScripthon khusus tetapi di masa depan kompiler lain juga akan diharapkan untuk bekerja.

Coba contohnya

1. Klon repositori ini dan ubah direktori menjadi
2. Instal dependensi:

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

3. Jalankan contoh: npm run dev

Siapkan di proyek Anda sendiri

• Tambahkan @nuxtjs/python Dependency Menggunakan Benang atau NPM ke Proyek Anda
• Tambahkan @nuxtjs/python ke bagian modules dari nuxt.config.js

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

• Dalam file vue, tandai tag skrip Anda seperti ini: <script lang="py"> .
• Anda dapat meneruskan opsi ke Py-Loader (saat ini mendukung parameter compiler )

Pilihan Python ke JavaScript Compiler

Default kompiler dan direkomendasikan adalah Javascripthon tetapi dimungkinkan untuk menggunakan kompiler lain (lihat di bawah).

• Pasang transpiler JavaScripthon Python. Untuk saat ini Anda akan membutuhkan cabang utama misalnya:

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

• Perhatikan bahwa Javascripthon mengharuskan Anda memiliki Python 3.5 (atau lebih baik).

• JavaScripthon mendukung konversi pernyataan impor Python menjadi impor ES6 seperti yang digunakan di Nuxt. Harap perhatikan konversi sintaks.

• Anda dapat melewati opsi compiler ke py-loader dengan menggunakan opsi modul atau di bagian python di file nuxt.config.js Anda.

• Transcrypt memiliki sistem modul sendiri sehingga untuk menggunakannya, Anda dapat menggunakan standar modul CommonJS ( require mengimpor dan module.exports ) dan harus berfungsi. Lihat contoh py-loader Vuejs.

Penggunaan

Menggunakan file .vue

Tip Jika Anda menggunakan VIM, Anda bisa mendapatkan sintor sintaks untuk HTML, CSS dan Python dengan memasang plugin VIM-VUE dan menerapkan tambalan ini.

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 >

Menggunakan file .py untuk file nuxt lainnya

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 >

Sebagai contoh yang berfungsi, lihat di sini.

Perkembangan

• Kloning repositori ini
• Instal Dependensi Menggunakan yarn install atau npm install
• Mulai Server Pengembangan Menggunakan npm run dev

Lisensi

Lisensi MIT

Hak Cipta (C) Sebastian Silva [email protected]

Modul ini dimulai dari modul-template oleh Pooya Parsa dan sangat bergantung pada Python-Webpack-Loader oleh Martim Nascimento dan Javascripthon oleh Alberto Berti.