Skip to content

Commit 86b9c5a

Browse files
authored
Update README.md
1 parent c98fb47 commit 86b9c5a

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

Diff for: README.md

+5-5
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ The key feature of this plugin is that it will allow you to compose SFC's that c
99

1010
An example of this would be the following Vue component:
1111

12-
```
12+
```html
1313
<template web>
1414
<div class="w-page">
1515
<div class="w-container">
@@ -81,14 +81,14 @@ If vue-cli 3 is not yet installed, first follow the instructions here: https://g
8181
**Tip**: If you don't want to overwrite your current vue-cli 2 setup because you still need `vue init`, [then try this](https://cli.vuejs.org/guide/creating-a-project.html#pulling-2-x-templates-legacy).
8282

8383
Generate a project using vue-cli 3.0
84-
```
84+
```bash
8585
vue create my-app
8686
```
8787

8888
Before installing the Nativescript-Vue CLI 3 Plugin, make sure to commit or stash changes in case you need to revert.
8989

9090
To install the Nativescript-Vue CLI 3 Plugin...
91-
```
91+
```bash
9292
cd my-app
9393
vue add vue-cli-plugin-nativescript-vue
9494
```
@@ -133,7 +133,7 @@ You should then be able to attach the Chrome debugger as you normally would via
133133
You should also be able to debug directly in VSCode. The [NativeScript VSCode Extension docs](https://docs.nativescript.org/angular/tooling/visual-studio-code-extension) are a good place to start with understanding how to do this. However, you will need to modify your `launch.json` file to force `tns` to work properly with VUE CLI 3.
134134

135135
Your `launch.json` file should look something like below. Notice the different in the `tnsArgs` line that is different than what is in the documentation link above.
136-
```
136+
```json
137137
{
138138
"version": "0.2.0",
139139
"configurations": [
@@ -190,7 +190,7 @@ Your `launch.json` file should look something like below. Notice the different i
190190
}
191191
```
192192
You will also need to modify your `vue.config.js` file to include a `webpack-chain` statement that will setup your source map. It should look something like this:
193-
```
193+
```js
194194
module.exports = {
195195
chainWebpack: config => {
196196
config

0 commit comments

Comments
 (0)