Giter VIP home page Giter VIP logo

webide-frontend's Introduction

Coding WebIDE Frontend

License Build Status Docker Stars Docker Pulls

This repo contains frontend code of the Coding WebIDE Community Edition. Please refer to the WebIDE repo for instruction on running the whole project.


WebIDE is now upgraded to Cloud Studio,welcome to our new homepage https://studio.coding.net/


Requirement

The repo is written in ES2015, to avoid complications once and for all, please make sure your environment have the right version of node. We use:

  • node v6.x
  • yarn

We strongly recommend yarn as your package manager, it will certainly save you from lots of npm induced headache ;-) If you don't have yarn installed yet, install it globally by running.

npm install yarn -g

To learn more about yarn, check out their official site.

By design a "WebIDE" is supposed to run on a server and accessed by web, thus a unix-like environment is strongly recommended. Support for Windows platform will come eventually, but presumably it'll always be lagging behind.

Development

To start development on this repo, first set task.yaml: cp from task.yaml.tpl

Set .env

run:

yarn
npm -g i pm2
yarn pm2

If you insist that you don't want yarn, well, you can still run:

npm install
npm -g i pm2
npm run pm2

If ever encountered any problem, double check to ensure your node version is at v6.x with node -v, and re-run yarn(npm install) to update dependencies before you report any issue.

Configuration

By default the backend host that this frontend connects to is http://localhost:8080, this can be changed in app/config.js. webpack-dev-server by default serves on port 8060, which is specified in package.json scripts section.

webide-frontend's People

Contributors

blizzardzheng avatar hackape avatar junbaor avatar kevenyoung avatar serenader2014 avatar summershrimp avatar vangie avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

webide-frontend's Issues

windows上跑起来报错

index.html引入js路径总是有个"\"前缀,导致引入js报错:
<script type="text/javascript" src="\/webpackRuntime.e8b204d885671ac302fa.js">

linux上跑正常的

NODE_ENV 命令不兼容 win 平台

D:\Project\WebIDE\frontend>npm run build

> [email protected] build D:\Project\WebIDE\frontend
> NODE_ENV=production ./node_modules/webpack/bin/webpack.js

'NODE_ENV' 不是内部或外部命令,也不是可运行的程序或批处理文件。

npm ERR! Windows_NT 10.0.10586
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "build"
npm ERR! node v6.5.0
npm ERR! npm  v3.10.3
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build: `NODE_ENV=production ./node_modules/webpack/bin/webpack.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script 'NODE_ENV=production ./node_modules/webpack/bin/webpack.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the coding-web-ide package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     NODE_ENV=production ./node_modules/webpack/bin/webpack.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs coding-web-ide
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls coding-web-ide
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     D:\Project\WebIDE\frontend\npm-debug.log

terminal shell bash

please add bash or some other "autoexec" strategy for adding other packages

新建一个文件没找到保存方法

新建一个文件没找到保存方法。
同时,跟 coding.net 上的 IDE 比,很多功能/按钮都没有,是未准备好放出来,还是特意删减的?

请问 Create Workspace 的第一步该怎么操作?

Create Workspace

  1. Ensure you have add the public key to your account. Hide public key
    ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQDHWEoOZEaZTESu0C+7N7C+GPc9voM3N2jtBkfbgEo33TBNQpqBQQfDOrxQxsQYNlAbvFzKcHbeHZIzvFG/mn+mjGh6yOtJF6nBB4+aBweM/7pyXdr8/fCkjmTe+55yL4MeIMxm/g4blxn7InKxuZ6UpOv/f2wh3tSibOJghPNDq5nDT4tZHMFpFfc6yFso3TaJCcFpPak1aer/C28Ep3/uQT5l7va1mgui5lYIK1+mYYfrSTKt8e9ytSG4HcByZB6QlWjVwiS0EYbDQBGf8K5MhQtvSKLogQLB7cLHvp7LhGuxapY8PBJkohJh6lx5xbcnG1Y+J/Fdw/E0pTXspRzD coding@WebIDE
  2. Clone from a git repo. (Only SSH is supported.)

感觉依赖没说清楚啊

Node什么的……还有es6-promise(不知道是不是版本问题)
然后sh.js的那个repository不能fetch下来导致后面环境出问题

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.