xia的小窩

一起來coding和碼字吧

0%

Reflex-之前叫做pynecone

發表於 更新於 分類於
文章字數： 565 所需閱讀時間 ≈ 2 分鐘

reflex 是一個全端框架，可以用來建立和部屬一個網頁apps。官網

reflex 是一個基於純 python 的 web app 框架，他依賴 node.js，不需要另外寫前端的 code ，這對於沒接觸過前端的人非常友善。

安裝

這邊使用 poetry 進行安裝

  • 本機為 win11, 64位元。

  • 下載 WSL

    • 打開 power shell ，管理員模式。
    • 輸入 wsl --install or Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux
    • 等他下載好，重新開機即可

  • 接著，下載 poetry
    本機安裝(power shell 管理員模式)。

    1
    (Invoke-WebRequest -Uri https://install.python-poetry.org -UseBasicParsing).Content | py -

  • 更改路徑，打開環境變數，找到 path 接著把 poetry 的路徑貼上。

  • 打開 cmd ，輸入 poetry --version

  • WSL 安裝，先進入 WSL。

  • 貼上這行。

    1
    curl -sSL https://install.python-poetry.org | python3 -

  • 接下來，更改一下路徑，依照提示輸入以下。

    1
    echo 'export PATH="$HOME/.local/bin:$PATH"' >> ~/.bashrc

  • 啟動它。

    1
    source ~/.bashrc

  • 確認。

    1
    poetry --version

開始啟用(本機)。

  • 在本機裡使用。
  • 接著，使用 pip install reflex，按照官網，使用
    1
    2
    3
    $ mkdir my_app_name
    $ cd my_app_name
    $ reflex init
  • 再下達。
    1
    2
    reflex run
    # or $ reflex run --loglevel debug
    就可以看見啟用了。

開始啟用(ubuntu)。

  • 進入 WSL

    1
    2
    3
    4
    5
    6
    7
    8
    9
    mkdir [project_name]

    cd [project_name]

    poetry init

    poetry config virtualenvs.in-project true 

    poetry env use python3.11

  • 出問題？

    1
    2
    3
    4
    5
    6
    7
    # python not found
    sudo apt update && upgrade
    sudo apt install python3 python3-pip ipython3

    python3 --version
    poetry env use python3.10.6
    # 3.10.6 可以換，只是版本，不過還是得看 pyproject.toml 這個檔案裡的 python 版本。

  • 加入套件

    1
    2
    3
    poetry shell

    poetry add reflex

  • 出問題？

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    # node.js 下載，以及 nvm
    curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash

    # 依照提示關閉視窗，重新開啟。

    nvm

    node --version

    nvm install node

    node --version

    nvm install 16[版本號]

    # 查看版本有幾個
    nvm ls

    # 可以調轉版本，或不用
    nvm alias default 16

    # 要換回來的話，重複下指令就可以。
    nvm alias default 20

好的，完成大部分了！

在 shell 裡下達指令就會自動下載 vscode 囉！

1
code .

這裡要使用 reflex init 進行初始化。

1
reflex init

如果看見 FileNotFoundError: reflex requires unzip to be installed.
就是說需要 unzip 這個包，下載就對了。

1
sudo apt-get install unzip

沒問題的話就繼續 reflex init。
就可以看見下圖囉！

https://ithelp.ithome.com.tw/upload/images/20230914/20141325CfMMkX5DDj.png

2023/9/14 更正。