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: 3 months ago
JSON representation
A Simple Python Web IDE
- Host: GitHub
- URL: https://github.com/vimior/PythonWebIDE
- Owner: vimior
- Created: 2018-07-12T10:52:02.000Z (over 6 years ago)
- Default Branch: vue3
- Last Pushed: 2022-10-31T09:01:45.000Z (over 2 years ago)
- Last Synced: 2024-08-03T09:13:20.784Z (7 months ago)
- Topics: python-auto-completion, python-complete, python-web-ide, webide
- Language: Vue
- Homepage:
- Size: 2.1 MB
- Stars: 61
- Watchers: 5
- Forks: 28
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-github-star - PythonWebIDE
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
```



