GitHub - JimFirst/naive-ui-snippets (original) (raw)

Skip to content

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Sign up

Appearance settings

Repository files navigation

This is Code Snippets of Naive UI for VS Code.

English | 中文

Install

Manual Install

Go to the git and download the snippets folder, then copy the files in the folder to the path directly:

Through VS Code Extensions

Special Instruction

  1. For the components like n-table which need children components to be its content, use v-for to loop to generate the children components.

Snippets List

  1. All the Naive UI tags below, ignore the closure and more detailed information. Such as nr to <n-radio>, actually that represents <n-radio v-model="${1}" label="${2}">$3</n-radio>
  2. The sinppets' order follows the order of the components of Guide on Naive UI official website basically.
  3. Totally 78 snippets. Will add more if necessary.
  4. Only work in .vue file for now.

Basic Part

No. Trigger Key Naive Tag
1. nava
2. nb
3. nbg
4. ncard
5. ncolla
6. ncollai
7. ndiv
8. ndro
9. nel
10. ngt
11. nic
12. nta
13. nau
14. ncas
15. ncp
16. nc
17. ncg
18. ndp
19. ndyi
20. ndyt
21. nf
22. nipt
23. niptn
24. nmen
25. nr
26. nrg
27. nra
28. nsel
29. nsl
30. nsw
31. ntp
32. ntr
33. nup
34. ncal
35. ndt
36. ndes
37. nemp
38. nim
39. nimg
40. nl
41. nli
42. nsta
43. nt
44. nth
45. ntim
46. ntl
47. ntli
48. ntree
49. naf
50. nan
51. nbt
52. nbr
53. nm
54. np
55. nst
56. ntabs
57. ntabp
58. nal
59. nba
60. ndr
61. nmo
62. npopc
63. npopo
64. npops
65. npro
66. nres
67. nsk
68. nsp
69. nto
70. nla
71. ngr
72. ngri
73. ns
74. nload
75. ndi
76. nmes
77. nno
78. nco