Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vimior/PythonWebIDE

A Simple Python Web IDE
https://github.com/vimior/PythonWebIDE

python-auto-completion python-complete python-web-ide webide

Last synced: 2 months ago
JSON representation

A Simple Python Web IDE

Awesome Lists containing this project

README

        

# Python-Web-IDE
-----------
> 一个简易的在线Python的IDE
> 基于Vue3 + Python3.10 + Tornado6.1实现
> 前后端分离

## 功能说明
- 支持工程、文件、文件夹的增删查改
- 支持Python代码基本补全
- 支持Python代码(GUI不支持)运行管理和输出
- 支持Markdown文件的编辑和预览

## 更新说明
- 基于Vue3+Python3.10的全新实现
- 引入markdown编辑器
- 引入图标vscode-icons
- 更改编辑器主题

## 编译和运行
### 环境
- Node: 16.13.2
- Npm: 8.1.2
- Python: 3.10
- Tornado: 6.1

### 前端
```bash
# 安装依赖
npm install 或者 yarn install

# 开发运行(默认端口是8080)
npm run serve

# 打包编译(默认打包的路径在dist目录,后端程序已经配置从该目录加载资源)
npm run build
```

### 后端
```bash
# 假定已经安装好Python环境(建议使用虚拟Python环境并激活)

# 进入后端目录
cd server

# 安装依赖
pip install -r requirements.txt

# 运行(运行端口为10086)指定端口可以使用参数 --port=10010
# 如果前端页面是独立运行的,不可指定后端端口(除非修改前端代码)
python server.py

# 访问 (工程保存在projects/ide里面)
# 开发运行前端的情况: localhost:8080
# 打包好前端的情况: localhost:10086
```

![py_code](docs/img/py_code.png?raw=true)

![md_code](docs/img/md_code.png?raw=true)

![py_complete](docs/img/py_complete.png?raw=true)

![py_run](docs/img/py_run.png?raw=true)

![projects](docs/img/projects.png?raw=true)