Skip to content

Commit 146399f

Browse files
committed
docs(readme): updated to v1.0.4
1 parent 1b22cab commit 146399f

2 files changed

Lines changed: 18 additions & 6 deletions

File tree

README.md

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,16 +14,17 @@ Anyone searching for old version of ng-devstack, it is [here](https://github.com
1414

1515
- new Angular 1.5 component architecture,
1616
- support for ES6 with [Babel 6](https://babeljs.io/),
17-
- integration with [webpack 2](https://webpack.github.io/), allowing to use its' best features:
17+
- integration with [webpack 3](https://webpack.github.io/), allowing to use its' best features:
1818
- local webserver with live reload,
1919
- Hot Module Reloading, tries to reload just the component that's changed, instead of the entire page),
20-
- tree-shaking, excluding unused bundles from exports with webpack 2 and Babel 6
20+
- Scope Hoisting, removing function wrappers around modules to improve total script evaluation time as well as to achieve smaller bundle sizes,
2121
- support for styles/scripts source maps,
2222
- JS/CSS/HTML minification,
2323
- support for SASS (processed with [Autoprefixer](https://github.com/postcss/autoprefixer)),
2424
- support for [ESLint](http://eslint.org/),
2525
- unit testing with [Jest](https://facebook.github.io/jest/),
26-
- integration with [UI Router 1.0](https://ui-router.github.io/ng1/) & [Angular Material](https://material.angularjs.org/).
26+
- integration with [UI Router 1.0](https://ui-router.github.io/ng1/) & [Angular Material](https://material.angularjs.org/)
27+
- debugging with Visual Code Studio's [Debugger for Chrome](https://github.com/Microsoft/vscode-chrome-debug).
2728

2829
## Requirements
2930

@@ -74,6 +75,16 @@ ESLint is loaded by default when webpack is processing files, but it can be run
7475
$ yarn lint
7576
```
7677

78+
## Debugging in Chrome
79+
80+
For Visual Code Studio users there is a configuration file `launch.json` provided to allow in-editor debugging (with support for source maps). You can launch a new Google Chrome window or attach to existing one. For the second option, browser window shall be launched with remote debugging enabled:
81+
82+
```sh
83+
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222 --user-data-dir=remote-profile
84+
```
85+
86+
Of course Google Chrome path may differ depending on your system environment - please make sure to run the browser from proper path with these two parameters included. Pathname for `sourceMapPathOverrides` can be different for different OS, visit [Debugger for Chrome](https://github.com/Microsoft/vscode-chrome-debug) for more information.
87+
7788
## Additional info
7889

7990
If you would like to enable AngularJS HTML5 mode, you have to uncomment following lines in `src/app/root.module.js` (don't forget to inject `$locationProvider`):

src/app/components/about/about.html

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,19 +8,20 @@ <h2 class="about-header md-display-1">Features</h2>
88
<ul>
99
<li>new Angular 1.5 component architecture,</li>
1010
<li>support for ES6 with <a href="https://babeljs.io/">Babel 6</a>,</li>
11-
<li>integration with <a href="https://webpack.github.io/">webpack 2</a>, allowing to use its' best features:
11+
<li>integration with <a href="https://webpack.github.io/">webpack 3</a>, allowing to use its' best features:
1212
<ul>
1313
<li>local webserver with live reload,</li>
1414
<li>Hot Module Reloading, tries to reload just the component that's changed, instead of the entire page),</li>
15-
<li>tree-shaking, excluding unused bundles from exports with webpack 2 and Babel 6</li>
15+
<li>Scope Hoisting, removing function wrappers around modules to improve total script evaluation time as well as to achieve smaller bundle sizes,</li>
1616
<li>support for styles/scripts source maps,</li>
1717
<li>JS/CSS/HTML minification,</li>
1818
</ul>
1919
</li>
2020
<li>support for SASS (processed with <a href="https://github.com/postcss/autoprefixer">Autoprefixer</a>),</li>
2121
<li>support for <a href="http://eslint.org/">ESLint</a>,</li>
2222
<li>unit testing with <a href="https://facebook.github.io/jest/">Jest</a>,</li>
23-
<li>integration with <a href="https://ui-router.github.io/ng1/">UI Router 1.0</a> &amp; <a href="https://material.angularjs.org/">Angular Material</a>.</li>
23+
<li>integration with <a href="https://ui-router.github.io/ng1/">UI Router 1.0</a> &amp; <a href="https://material.angularjs.org/">Angular Material</a>,</li>
24+
<li>debugging with Visual Code Studio's <a href="https://github.com/Microsoft/vscode-chrome-debug">Debugger for Chrome</a>.</li>
2425
</ul>
2526

2627
<p>For more information please visit project's <a href="https://github.com/mariuszm/ng-devstack">GitHub</a>.</p>

0 commit comments

Comments
 (0)