https://github.com/JimFirst/naive-ui-snippets
https://github.com/JimFirst/naive-ui-snippets
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/JimFirst/naive-ui-snippets
- Owner: JimFirst
- Created: 2021-06-25T01:28:27.000Z (over 4 years ago)
- Default Branch: dev
- Last Pushed: 2021-07-16T08:00:42.000Z (over 4 years ago)
- Last Synced: 2025-03-21T08:04:21.628Z (9 months ago)
- Language: JavaScript
- Size: 56.6 KB
- Stars: 7
- Watchers: 1
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
- awesome-naive - naive-ui-snippets - Code Snippets of Naive UI for VS Code. (List / Related To NaiveUI)
README
## This is Code Snippets of Naive UI for VS Code.
English | [中文](README.zh-CN.md)
### Install
#### Manual Install
Go to the [git](https://github.com/JimFirst/naive-ui-snippets) 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](https://marketplace.visualstudio.com/vscode), 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
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 ``, actually that represents `$3`
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` | `` |