# yysy-plugin

**Repository Path**: cloudFlyer/yysy-plugin

## Basic Information

- **Project Name**: yysy-plugin
- **Description**: SysY2022E语言开发编辑器（基于VsCode和langium）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2024-04-26
- **Last Updated**: 2025-05-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 1.执行命令流程

[用Langium快速创建DSLs - 掘金 (juejin.cn)](https://juejin.cn/post/7116409660429008927)

1. 下载node.js，并且保证有npm  
   然后安装插件：  
	`npm install -g yo generator-langium`  

2. 创建项目：  
	`yo langium（新建项目）`  

3. 修改目标文件（标题“2.修改文件”中的三个主要文件）  
	·CLI（命令行界面）生成器：`src/cli/generator.ts`   
	·语法验证单元			  ：`src/language/hello-world-validator.ts`  
	·定义DSL（领域特定语言）：`src/language/hello-world.langium`  

4. 运行编译.langium文件  
	`npm i（检查依赖，需要在generate前运行）`                
	`npm run langium:generate`

5. 设置自动编译，并启动拓展  
	`npm run watch`  
   	`按F5（要保持watch仍在运行）`

6. 在新VsCode窗口打开xxx.hello文件即可进行编辑  





# 2. VsCode插件打包

[从0到1开发一款自己的vscode插件 - 掘金 (juejin.cn)](https://juejin.cn/post/7010765441144455199)

1. 创建项目  
   `yo code`

2. 安装对应的模块vsce  
   `npm i vsce -g`

3. 利用vsce进行打包，生成对应的vsix文件  
   `vsce package`

4. 打开拓展页面（Ctrl+Shift+X）选项处选择“从VSIX安装”

5. 最终打包后插件效果如下
![](./images/image-20240905172521264.png)


# 3. Web项目运行

1. 同“1.VsCode调试运行”中的1-3 

2. 生成项目（可能要运行nmp -i）  
	`npm run build:web`  
	`npm run serve`  

3. 浏览器中打开上述生成链接
	`http://localhost:5173/`