diff --git a/README.md b/README.md index caef3b2f..b988b69a 100644 --- a/README.md +++ b/README.md @@ -16,37 +16,19 @@ in [Visual Studio Code](https://github.com/Microsoft/vscode) to power the CSS, L ## Issues -Please file issues concering `monaco-css` in the [`monaco-editor`-repository](https://github.com/Microsoft/monaco-editor/issues). +Please file issues concering `monaco-css` in the [`monaco-editor` repository](https://github.com/Microsoft/monaco-editor/issues). ## Installing This npm module is bundled and distributed in the [monaco-editor](https://www.npmjs.com/package/monaco-editor) npm module. -* change to your favorite source folder (`/src/`) -* `git clone https://github.com/Microsoft/monaco-editor` (this will create `$/src/monaco-editor`) -* in folder `monaco-editor` run `npm install` and run `npm run simpleserver` -* open [http://localhost:8080/monaco-editor/test/index.html#sample - css](http://localhost:8080/monaco-editor/test/index.html#sample - css) - ## Development -### Dev: Running monaco-css from source -* change to your favorite source folder (`/src/`). -* if you haven't done so: `git clone https://github.com/Microsoft/monaco-editor` (this will create `$/src/monaco-editor`) -* `git clone https://github.com/Microsoft/monaco-cs` (this will create `$/src/monaco-css`) -* Important: both monaco repositories must have the same parent folder. -* in folder `monaco-css` run `npm install` and run `npm run watch` -* in folder `monaco-editor` run `npm install` and run `npm run simpleserver` -* open [http://localhost:8080/monaco-editor/test/?monaco-css=dev](http://localhost:8080/monaco-editor/test/?monaco-css=dev) - -### [Optional] Running monaco-editor-core from source - -* this is only needed when you want to make changes also in `monaco-editor-core`. -* change to the same favorite source folder (`/src/`) that already contains `monaco-css` and `monaco-editor` -* `git clone https://github.com/Microsoft/vscode` (this will create `$/src/vscode/`) -* Important: the vscode and the monaco repositories must have the same parent folder. -* read [here](https://github.com/Microsoft/vscode/wiki/How-to-Contribute#installing-prerequisites) on how to initialize the VS code source repository. -* in folder `vscode` run `gulp watch` -* open [http://localhost:8080/monaco-editor/test/?monaco-css=dev&editor=dev](http://localhost:8080/monaco-editor/test/?monaco-css=dev&editor=dev) +* `git clone https://github.com/Microsoft/monaco-css` +* `cd monaco-css` +* `npm install .` +* `npm run watch` +* open `$/monaco-css/test/index.html` in your favorite browser. ## License [MIT](https://github.com/Microsoft/monaco-css/blob/master/LICENSE.md) diff --git a/package.json b/package.json index 68f6b83f..505cae16 100644 --- a/package.json +++ b/package.json @@ -18,10 +18,6 @@ "bugs": { "url": "https://github.com/Microsoft/monaco-css/issues" }, - "dependencies": { - "vscode-css-languageservice": "^1.0.8", - "vscode-languageserver-types": "^1.0.2" - }, "devDependencies": { "event-stream": "^3.3.2", "gulp": "^3.9.1", @@ -30,8 +26,11 @@ "gulp-uglify": "^1.5.3", "merge-stream": "^1.0.0", "monaco-editor-core": "^0.7.0", + "monaco-languages": "^0.6.1", "object-assign": "^4.1.0", "rimraf": "^2.5.2", - "typescript": "2.0.3" + "typescript": "2.0.3", + "vscode-css-languageservice": "^1.0.8", + "vscode-languageserver-types": "^1.0.2" } } diff --git a/test/index.html b/test/index.html new file mode 100644 index 00000000..43dae3b9 --- /dev/null +++ b/test/index.html @@ -0,0 +1,869 @@ + + +
+ + + + + + +