vue component creator plugin
1.0.0
SASS 파일을 사용하여 단일 파일 vue.js 구성 요소를 작성하고 vuex 모듈을 작성하는 브레인 스토밍 플러그인. 이 플러그인은 DEV 경험을 단순화하기 위해 몇 가지 작업을 수행합니다.
플러그인 설정에서 Vue Component Creator 검색하십시오. 또는 릴리스 사이트에서 플러그인을 다운로드하십시오
새 모듈을 배치 할 프로젝트 트리보기를 마우스 오른쪽 버튼으로 클릭하십시오. 그런 다음 New File -> Vue Module . 모듈의 이름을 정의하는 대화 상자가 열립니다. 이 이름은 나중에 디렉토리, vue- 및 sass-file 및 sass root 이름과 Vue 파일의 루트 노드를 지정된 이름으로 지정하는 데 사용됩니다.
구조
새 Vuex 모듈을 만들면 몇 개의 파일이 생성됩니다.
구조
Mutationstypes File 설정하는지 여부에 따라 다릅니다Getters File 확인했습니다사용 가능한 템플릿 변수
| 변하기 쉬운 | 예 | 설명 |
|---|---|---|
| componentName | my-module | 구성 요소의 이름 |
| ComponentNamecamelcase | myModule | Camelcase의 구성 요소 이름 |
| ComponentNamepascalcase | MyModule | Camelcase의 구성 요소 이름 |
| Createmarkdown | 0 / 1 | 마크 다운 파일이 생성되는지 여부 |
사용 가능한 템플릿 변수
| 변하기 쉬운 | 예 | 설명 |
|---|---|---|
| componentName | my-module | 구성 요소의 이름 |
| ComponentNamecamelcase | myModule | Camelcase의 구성 요소 이름 |
| ComponentNamepascalcase | MyModule | Camelcase의 구성 요소 이름 |
| 돌연변이 파일 | ./mutation-types.js | 돌연변이에 대한 파일 |
| 재산 | data | 생성 될 속성의 이름 |
| gettername | getData | getter 기능 이름 |
| 속성 유형 | string | 속성의 유형 |
| getters | 0 / 1 | 게터를 만듭니다 |
| useinterface | 0 / 1 | 유형 정의로 TypeScript 파일을 만듭니다 |
| creatematuttypes | 0 / 1 | 사용자 정의 돌연변이 유형 파일 생성 여부 |
| ActionName | setData | 행동의 이름 |
| 돌연변이 이름 | SET_DATA | 돌연변이 유형의 이름 |
| tsinterfaceame | MyModuleState | TypeScript 상태 인터페이스 이름의 이름 |
설정에 대한 개발 설정 안내서를 확인하십시오.
https://www.iconfinder.com/justicon에서 제공하는 아이콘 https://www.iconfinder.com을 통해
