Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit e21a2bd

Browse files
feat: vite plugin VueDevtools (#460)
1 parent c7923b5 commit e21a2bd

File tree

12 files changed

+370
-7
lines changed

12 files changed

+370
-7
lines changed

‎.github/workflows/ci.yml

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -68,6 +68,7 @@ jobs:
6868
flag-for-pinia: '--pinia'
6969
flag-for-vitest: '--vitest'
7070
flag-for-e2e: '--cypress'
71+
flag-for-devtools: '--devtools'
7172

7273
- node-version: 18
7374
os: macos-latest
@@ -77,6 +78,7 @@ jobs:
7778
flag-for-pinia: '--pinia'
7879
flag-for-vitest: '--vitest'
7980
flag-for-e2e: '--cypress'
81+
flag-for-devtools: '--devtools'
8082

8183
- node-version: 20
8284
os: ubuntu-latest
@@ -86,6 +88,7 @@ jobs:
8688
flag-for-pinia: '--pinia'
8789
flag-for-vitest: '--vitest'
8890
flag-for-e2e: '--cypress'
91+
flag-for-devtools: '--devtools'
8992

9093
- node-version: 16
9194
os: ubuntu-latest
@@ -95,10 +98,11 @@ jobs:
9598
flag-for-pinia: '--pinia'
9699
flag-for-vitest: '--vitest'
97100
flag-for-e2e: '--cypress'
101+
flag-for-devtools: '--devtools'
98102
runs-on: ${{ matrix.os }}
99103
continue-on-error: ${{ matrix.os == 'windows-latest' }}
100104
env:
101-
FEATURE_FLAGS: ${{ matrix.flag-for-ts }} ${{ matrix.flag-for-jsx }} ${{ matrix.flag-for-router }} ${{ matrix.flag-for-pinia }} ${{ matrix.flag-for-vitest }} ${{ matrix.flag-for-e2e }}
105+
FEATURE_FLAGS: ${{ matrix.flag-for-ts }} ${{ matrix.flag-for-jsx }} ${{ matrix.flag-for-router }} ${{ matrix.flag-for-pinia }} ${{ matrix.flag-for-vitest }} ${{ matrix.flag-for-e2e }} ${{matrix.flag-for-devtools}}
102106
# Sometimes the Linux runner can't verify Cypress in 30s
103107
CYPRESS_VERIFY_TIMEOUT: 60000
104108
steps:

‎index.ts

Lines changed: 24 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -83,6 +83,7 @@ async function init() {
8383
// --playwright
8484
// --eslint
8585
// --eslint-with-prettier (only support prettier through eslint for simplicity)
86+
// --vue-devtools / --devtools
8687
// --force (for force overwriting)
8788

8889
const args = process.argv.slice(2)
@@ -94,7 +95,9 @@ async function init() {
9495
'with-tests': { type: 'boolean' },
9596
tests: { type: 'boolean' },
9697
'vue-router': { type: 'boolean' },
97-
router: { type: 'boolean' }
98+
router: { type: 'boolean' },
99+
'vue-devtools': { type: 'boolean' },
100+
devtools: { type: 'boolean' }
98101
} as const
99102

100103
const { values: argv } = parseArgs({
@@ -116,7 +119,8 @@ async function init() {
116119
argv.cypress ??
117120
argv.nightwatch ??
118121
argv.playwright ??
119-
argv.eslint
122+
argv.eslint ??
123+
(argv.devtools || argv['vue-devtools'])
120124
) === 'boolean'
121125

122126
let targetDir = args[0]
@@ -138,6 +142,7 @@ async function init() {
138142
needsE2eTesting?: false | 'cypress' | 'nightwatch' | 'playwright'
139143
needsEslint?: boolean
140144
needsPrettier?: boolean
145+
needsDevTools?: boolean
141146
} = {}
142147

143148
try {
@@ -154,6 +159,7 @@ async function init() {
154159
// - Add Playwright for end-to-end testing?
155160
// - Add ESLint for code quality?
156161
// - Add Prettier for code formatting?
162+
// - Add Vue DevTools extension for debugging? (experimental)
157163
result = await prompts(
158164
[
159165
{
@@ -285,6 +291,14 @@ async function init() {
285291
initial: false,
286292
active: language.defaultToggleOptions.active,
287293
inactive: language.defaultToggleOptions.inactive
294+
},
295+
{
296+
name: 'needsDevTools',
297+
type: () => (isFeatureFlagsUsed ? null : 'toggle'),
298+
message: language.needsDevTools.message,
299+
initial: false,
300+
active: language.defaultToggleOptions.active,
301+
inactive: language.defaultToggleOptions.inactive
288302
}
289303
],
290304
{
@@ -305,12 +319,13 @@ async function init() {
305319
packageName = projectName ?? defaultProjectName,
306320
shouldOverwrite = argv.force,
307321
needsJsx = argv.jsx,
308-
needsTypeScript = argv.typescript,
309-
needsRouter = argv.router,
322+
needsTypeScript = argv.ts||argv.typescript,
323+
needsRouter = argv.router||argv['vue-router'],
310324
needsPinia = argv.pinia,
311325
needsVitest = argv.vitest || argv.tests,
312326
needsEslint = argv.eslint || argv['eslint-with-prettier'],
313-
needsPrettier = argv['eslint-with-prettier']
327+
needsPrettier = argv['eslint-with-prettier'],
328+
needsDevTools = argv.devtools || argv['vue-devtools']
314329
} = result
315330

316331
const { needsE2eTesting } = result
@@ -453,6 +468,10 @@ async function init() {
453468
if (needsPrettier) {
454469
render('config/prettier')
455470
}
471+
472+
if (needsDevTools) {
473+
render('config/devtools')
474+
}
456475
// Render code template.
457476
// prettier-ignore
458477
const codeTemplate =

‎locales/en-US.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,9 @@
5050
"needsPrettier": {
5151
"message": "Add Prettier for code formatting?"
5252
},
53+
"needsDevTools": {
54+
"message": "Add Vue DevTools extension for debugging? (experimental)"
55+
},
5356
"errors": {
5457
"operationCancelled": "Operation cancelled"
5558
},

‎locales/fr-FR.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,9 @@
5050
"needsPrettier": {
5151
"message": "Ajouter Prettier pour le formatage du code\u00a0?"
5252
},
53+
"needsDevTools": {
54+
"message": "Ajouter l'extension Vue DevTools pour le débogage\u00a0? (expérimental)"
55+
},
5356
"errors": {
5457
"operationCancelled": "Operation annulée"
5558
},

‎locales/tr-TR.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,9 @@
5050
"needsPrettier": {
5151
"message": "Kod formatlama için Prettier eklensin mi?"
5252
},
53+
"needsDevTools": {
54+
"message": "Add Vue DevTools extension for debugging? (experimental)"
55+
},
5356
"errors": {
5457
"operationCancelled": "İşlem iptal edildi"
5558
},

‎locales/zh-Hans.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,9 @@
5050
"needsPrettier": {
5151
"message": "是否引入 Prettier 用于代码格式化?"
5252
},
53+
"needsDevTools": {
54+
"message": "Add Vue DevTools extension for debugging? (experimental)"
55+
},
5356
"errors": {
5457
"operationCancelled": "操作取消"
5558
},

‎locales/zh-Hant.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,9 @@
5454
"needsPrettier": {
5555
"message": "是否引入 Prettier 用於程式碼格式化?"
5656
},
57+
"needsDevTools": {
58+
"message": "Add Vue DevTools extension for debugging? (experimental)"
59+
},
5760
"errors": {
5861
"operationCancelled": "操作取消"
5962
},

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /