Skip to content

Commit 158a89a

Browse files
MarkPieszakMarkPieszak
committed
docs(readme): update with example
1 parent d639744 commit 158a89a

File tree

7 files changed

+51
-30
lines changed

7 files changed

+51
-30
lines changed

‎README.md

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -99,11 +99,19 @@ Run the application in VSCode or Visual Studio 2017 by hitting `F5`.
9999
## View your application running
100100
When running the app using debug menu or `F5` VS open auto the app in the browser;
101101

102+
----
103+
104+
# Demo of Application Running
105+
106+
![](./content/repo-example.png)
107+
108+
---
109+
102110
# Recommended plugin for debugging VueJS
103111

104112
- Get Chrome DevTools for VueJS [here](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
105113

106-
----
114+
---
107115

108116
# Found a Bug? Want to Contribute?
109117

‎content/ClientApp/components/about.vue

Lines changed: 14 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -30,14 +30,20 @@
3030
and the <code>webpack</code> build tool produces minified static CSS and JavaScript files.</li>
3131
</ul>
3232

33-
<h3 class="mt-5">
34-
Made with <icon icon="heart" class="fuscia" /> by
35-
<a href="https://trilon.io" target="_blank" class="fuscia">Trilon.io</a>
36-
</h3>
37-
38-
<a href="https://trilon.io" target="_blank">
39-
<img class="trilon-mini" src="https://trilon.io/meta/og-image.png" />
40-
</a>
33+
<br><br>
34+
35+
<div class="text-center">
36+
<h4 class="mt-5">
37+
Made with <icon icon="heart" class="fuscia" /> by
38+
<a href="https://trilon.io" target="_blank" class="fuscia">Trilon.io</a>
39+
</h4>
40+
41+
<br>
42+
43+
<a href="https://trilon.io" target="_blank">
44+
<img class="trilon-mini" src="https://trilon.io/trilon-logo-clear.png" />
45+
</a>
46+
</div>
4147

4248
</div>
4349
</template>

‎content/ClientApp/components/home-page.vue

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,22 +4,24 @@
44
ASP.NET Core & Vue Starter Template
55
</h1>
66

7-
<h2 class="mt-5">
7+
<h5 class="mt-5">
88
Made with <icon icon="heart" class="fuscia" /> by
99
<a href="https://trilon.io" target="_blank" class="fuscia">Trilon.io</a>
10-
</h2>
10+
</h5>
11+
12+
<br>
1113

1214
<a href="https://trilon.io" target="_blank">
13-
<img class="trilon-logo" src="https://trilon.io/meta/og-image.png" />
15+
<img class="trilon-logo" src="https://trilon.io/trilon-logo-clear.png" />
1416
</a>
1517

1618
<br><br>
1719

18-
<h3>
20+
<h4>
1921
<a href="https://trilon.io" target="_blank" class="fuscia">
2022
Enterprise Consulting | Development | Training | Workshops
2123
</a>
22-
</h3>
24+
</h4>
2325
<strong>
2426
Get your Team & Application up to speed by working with some of the leading industry
2527
experts in JavaScript & ASP.NET!
@@ -42,7 +44,7 @@
4244
<p><a href="mailto:hello@trilon.io?subject=Trilon%20Consulting"><icon icon="envelope"/> hello@trilon.io</a></p>
4345

4446
<h3 class="mt-5">Find us Online</h3>
45-
<strong>Website: <a href="https://trilon.io" target="_blank">https://trilon.io</a></strong>
47+
<strong>Website: <a href="https://trilon.io" target="_blank">Trilon.io</a></strong>
4648
<br>
4749
<strong>Twitter: <a href="https://twitter.com/trilon_io" target="_blank">@Trilon_IO</a></strong>
4850
<br>

‎content/README.md

Lines changed: 16 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
# ASP.NET Core & Vue.js Starter
22

3-
Starter Template for ASP.NET Core and Vue.JS (Vue) - with Webpack (with HMR), Web API, Vuex state manangement and other best-practices baked in!
3+
Starter Template for ASP.NET Core and Vue.JS (Vue) - with Webpack (with HMR), Web API, Vuex state manangement and other best-practices baked in!
44

55
> Written in ES6, TypeScript version coming soon!
66
77
[![Nuget](https://img.shields.io/nuget/v/aspnetcore-vuejs.svg?style=for-the-badge&color=5b1096)](https://www.nuget.org/packages/aspnetcore-vuejs/)
88
[![Nuget Downloads](https://img.shields.io/nuget/dt/aspnetcore-vuejs.svg?label=Nuget%20Downloads&style=for-the-badge&color=b31ae7)](https://www.nuget.org/packages/aspnetcore-vuejs/)
9-
[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge&color=e51384)](/LICENSE)
9+
[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge&color=e51384)](/LICENSE)
1010

1111
---
1212

@@ -56,7 +56,7 @@ npm install
5656

5757
Now you can open the project via Visual Studio or VSCode, press F5 to run the application!
5858

59-
Note:
59+
Note:
6060

6161
* This will automatically run `dotnet restore` unless you install with `dotnet new vuejs --skipRestore`
6262
* ([Official documentation](https://docs.microsoft.com/en-us/dotnet/core/tools/dotnet-new?tabs=netcore2x))
@@ -67,7 +67,7 @@ Note:
6767
* Clone this repository : `$ git clone https://github.com/MarkPieszak/aspnetcore-Vue-starter.git VueWeb`
6868
* `$ cd VueWeb/content`
6969
* `$ dotnet restore && npm install`
70-
* (If using VSCode) `$ code .`
70+
* (If using VSCode) `$ code .`
7171
* (If using Visual Studio) Open the `*.sln` file with "Open project" from Visual Studio IDE
7272

7373

@@ -77,18 +77,26 @@ You have two choices when it come at how your preffer to run it. You can either
7777
### 1. Using the command line
7878
Run the application using `dotnet run` or `npm run dev`
7979
- note `dotnet run` should be run in `Development` environment for hot reloading. This setting can be set either within the command line or via the `launchSettings.json` available in the `Properties` folder.
80-
80+
8181
### 2. Using the built-in run command
8282
Run the application in VSCode or Visual Studio 2017 by hitting `F5`.
8383

8484
## View your application running
8585
When running the app using debug menu or `F5` VS open auto the app in the browser;
8686

87+
----
88+
89+
# Demo of Application Running
90+
91+
![](./repo-example.png)
92+
93+
---
94+
8795
# Recommended plugin for debugging VueJS
8896

8997
- Get Chrome DevTools for VueJS [here](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
9098

91-
----
99+
---
92100

93101
# Found a Bug? Want to Contribute?
94102

@@ -103,7 +111,7 @@ _Looking for ASP.NET Core & Angular 7.x+ Universal starter? [click here](https:/
103111

104112
# License
105113

106-
[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge&color=e51384)](/LICENSE)
114+
[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge&color=e51384)](/LICENSE)
107115

108116
Copyright (c) 2016-2019 [Mark Pieszak](https://github.com/MarkPieszak)
109117

@@ -113,7 +121,7 @@ Copyright (c) 2016-2019 [Mark Pieszak](https://github.com/MarkPieszak)
113121

114122
# Trilon - Vue, Asp.NET, NodeJS - Consulting | Training | Development
115123

116-
Check out **[Trilon.io](https://Trilon.io)** for more info!
124+
Check out **[Trilon.io](https://Trilon.io)** for more info!
117125

118126
Contact us at **hello@trilon.io**, and let's talk about your projects needs.
119127

‎content/package.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -23,10 +23,10 @@
2323
"dependencies": {
2424
"axios": "^0.18.0",
2525
"core-js": "^2.5.3",
26-
"vue": "^2.5.16",
27-
"vue-router": "^3.0.2",
28-
"vue-server-renderer": "^2.5.16",
29-
"vue-template-compiler": "^2.5.16",
26+
"vue": "^2.6.10",
27+
"vue-router": "^3.0.3",
28+
"vue-server-renderer": "^2.6.10",
29+
"vue-template-compiler": "^2.6.10",
3030
"vuex": "^3.1.0",
3131
"vuex-router-sync": "^5.0.0"
3232
},

‎content/repo-example.png

153 KB
Loading

‎package-lock.json

Lines changed: 0 additions & 3 deletions
This file was deleted.

0 commit comments

Comments
 (0)