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

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

安裝

• Prerequisites

  • node.js，下載 LTS 版本
  • python

• 虛擬環境

  • poetry
  • venv
  • 等...

這邊使用 poetry 進行安裝

• 本機為 win11, 64位元。

• 下載 WSL

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

• 接著，下載 poetry

  • 本機安裝(power shell 管理員模式)。

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

  • 更改路徑。

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

    • 打開 cmd ，輸入 poetry --version

  • WSL 安裝，先進入 WSL。
    

  • 貼上這行。

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

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

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

  • 啟動它。

  source ~/.bashrc
  

  • 確認。

  poetry --version
  

開始啟用(本機)。

• 在本機裡使用。
• 接著，使用 pip install reflex，按照官網，使用

$ mkdir my_app_name
$ cd my_app_name
$ reflex init

• 再下達。

reflex run
# or $ reflex run --loglevel debug

就可以看見啟用了。

開始啟用(ubuntu)。

• 進入 WSL

mkdir [project_name]

cd [project_name]

poetry init

poetry config virtualenvs.in-project true 

poetry env use python3.11

• 出問題？

# 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 版本。

• 加入套件

poetry shell

poetry add reflex

• 出問題？

# 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 囉！

code .

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

reflex init

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

sudo apt-get install unzip

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

2023/9/14 更正。