You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+22-4Lines changed: 22 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -34,8 +34,6 @@
34
34
35
35
</div>
36
36
37
-
To extend the app and make it more interactive, see code samples in the [Getting Started](https://v3.vuejs.org/guide/introduction.html#getting-started) docs.
38
-
39
37
40
38
## Features
41
39
> About this template project
@@ -62,6 +60,19 @@ Vue is similar to React, but many including myself believe that Vue is easier to
62
60
See my [Resources](https://michaelcurrin.github.io/dev-resources/resources/javascript/packages/vue/) page to learn more about Vue.
63
61
64
62
63
+
## Extending
64
+
65
+
### Functionality
66
+
67
+
To make the app more interactive, see code samples in the [Getting Started](https://v3.vuejs.org/guide/introduction.html#getting-started) docs.
68
+
69
+
### Components
70
+
71
+
To load components on the frontend as `.vue` files, see my [No build step](https://michaelcurrin.github.io/code-cookbook/recipes/javascript/packages/vue/no-build-step.html) guide. That also makes it easier to use scoped CSS.
72
+
73
+
Though, if you have a couple of components or your entire site is Vue pages (compared with adding Vue to HTML), then consider structuring your application as a Vue Node app that uses Vue CLI for developing tooling and optimized production builds (like for compiling and minifying).
74
+
75
+
65
76
## Related projects
66
77
67
78
More of my templates:
@@ -71,7 +82,14 @@ More of my templates:
71
82
-[](https://github.com/MichaelCurrin/react-quickstart) - React with a CLI.
72
83
73
84
74
-
## Developer notes
85
+
## Development
86
+
> Notes for developers
87
+
88
+
### Structure
89
+
90
+
This project deviates from the typical Vue CLI quickstart app. Part of the intention here is to show to add Vue to an existing site - so some content has been added directly to [index.html](/index.html) outside of the app. The CSS has been adjusted to be on `body` not `#app`.
91
+
92
+
A better setup for this project would be showing how to use some components like todo app or counter. And not necessarily in `app`. These could be on more targeted IDs. Need to research this approach as it is different from setting up a single app as entry-point.
75
93
76
94
### Formatting
77
95
@@ -80,7 +98,7 @@ There is no `package.json` or use of Prettier.
80
98
But you can run Prettier ad hoc like this to format the JS file, assuming you have Node installed.
0 commit comments