https://github.com/nanjingcaiyong/vscode-create-module
vscode 创建 mpa 入口插件
https://github.com/nanjingcaiyong/vscode-create-module
mpa vscode
Last synced: 10 months ago
JSON representation
vscode 创建 mpa 入口插件
- Host: GitHub
- URL: https://github.com/nanjingcaiyong/vscode-create-module
- Owner: nanjingcaiyong
- License: mit
- Created: 2023-11-17T01:48:43.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-11-17T02:20:14.000Z (over 2 years ago)
- Last Synced: 2025-07-15T01:22:35.987Z (11 months ago)
- Topics: mpa, vscode
- Language: TypeScript
- Homepage:
- Size: 56.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# mpa 项目创建模块
## 项目结构
```txt
├── out 编译后生成的文件
├── src
│ ├── extension.ts 插件主代码
│ └── test 单元测试
│ ├── runTest.ts
│ └── suite
│ ├── extension.test.ts
│ └── index.ts
├── .eslintrc.json eslint 配置
├── .vscodeignore 发布到vscode marketplace时忽略的文件
└── tsconfig.json typescript配置
```
## 安装依赖
```sh
npm install
```
## 发布
```sh
npm run publish
```
## 自动创建模块代码
需要当前项目中创建 `mpa.tempalte.js`，
返回对象的 `key` 为文件名，`value` 是文件内容
下面创建了两个文件 `app.vue` 和 `main.js`
```js
module.exports = {
render (pageName) {
return {
'app.vue':
`
hello world
import { defineComponent } from 'vue';
export default defineComponent({
name: '${pageName}'
});
`,
'main.js':
`import App from './app.vue';
import { createApp } from 'vue';
import 'tailwindcss/tailwind.css';
createApp(App)
.mount('#${pageName}');
`
};
}
};
```