GitHub - JimFirst/naive-ui-snippets (original) (raw)
Navigation Menu
- GitHub Copilot Write better code with AI
- GitHub Models New Manage and compare prompts
- GitHub Advanced Security Find and fix vulnerabilities
- Actions Automate any workflow
- Codespaces Instant dev environments
- Issues Plan and track work
- Code Review Manage code changes
- Discussions Collaborate outside of code
- Code Search Find more, search less
- Explore
- Pricing
Provide feedback
Saved searches
Use saved searches to filter your results more quickly
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:
- Mac: /Users/< your-user-name >/Library/Application Support/Code/User/snippets/
- Windows: < your-installed-driver > :\Users\ < your-user-name > \AppData\Roaming\Code\User\snippets\
Through VS Code Extensions
- From website: Go to Visual Studio Code Marketplace, and search 'Naive UI Snippets', then click the install button.
- From VS Code: click extensions sidebar, and search 'NaiveUISnippets', then click the install button.
Special Instruction
- For the components like
n-table
which need children components to be its content, usev-for
to loop to generate the children components.
Snippets List
- 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>
- The sinppets' order follows the order of the components of Guide on Naive UI official website basically.
- Totally 78 snippets. Will add more if necessary.
- 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 |