| |
|
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
| -> JavaScript知识库 -> vs code 创建脚本模板 -> 正文阅读 |
|
|
[JavaScript知识库]vs code 创建脚本模板 |
|
用VsCode(Visual Studio Code)进行JS/TS脚本编写时,可以为它创建一个代码模板,当你新建一个文件的时候,输入自定义的命令就可以自动生成代码,一下以Laya TS为例进行描述: 打开VsCode,点击file(文件),选择Preference(首选项)——>选择User Snippets(用户代码片段)
进入如下界面:
?选择New Global Snappets file....(新建全局代码片段)
?输入一个模板名如ScriptTemplete,回车
?上图第8行以上是一些说明描述,第8行一下是一个例子,描述了具体的模板内容,其中“Print to console”里面的内容可以自己定义,可以理解为模板的名字,“scope” 描述了脚本语言的类型,比如js脚本,ts脚本,“prefix” 是一个命令名称,可以自己定义,比如定义为my,“body”? 是具体的模板内容,就是你要生成一个什么样的模板,“description” 定义一些描述信息,方便理解,以下是我自己定义的一些样式,仅供参考 { ? ? "creat Laya Script Class": { ? ? ? "scope": "javascript,typescript", ? ? ? "prefix": "my", ? ? ? "body": [ ? ? ? ? ?"/*---------------------", ? ? ? ? ?"* @ 作者:minyou", ? ? ? ? ?"* @ 电子邮箱:739359171@qq.com", ? ? ? ? ?"* @ 项目名称:最强大脑小游戏", ? ? ? ? ?"* @ 版本:(laya air 2.12.0)", ? ? ? ? ?"* @ 日期: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE", ? ? ? ? ?"* @ 功能描述:", ? ? ? ? ?"*\t\t\t\t\t\t", ? ? ? ? ?"------------------------*/", ? ? ? ? ?"", ? ? ? ? ?"export default class $TM_FILENAME_BASE extends Laya.Script {", ? ? ? ? ?"", ? ? ? ? ?"\tconstructor() {", ? ? ? ? ?"\t\tsuper();", ? ? ? ? ?"\t\t/** @prop {name:name, tips:\"提示文本\", type:Node, default:null}*/", ? ? ? ? ?"\t\t/** this.var = null*/", ? ? ? ? ?"\t}", ? ? ? ? ?"", ? ? ? ? ?"\t//组件被激活后执行,此时所有节点和组件均已创建完毕,此方法只执行一次", ? ? ? ? ?"\tonAwake():void {", ? ? ? ? ?"\t}", ? ? ? ? ?"", ? ? ? ? ?"\t//组件被启用后执行,比如节点被添加到舞台后", ? ? ? ? ?"\tonEnable():void {", ? ? ? ? ?"\t}", ? ? ? ? ?"", ? ? ? ? ? ? ?"\t//第一次执行update之前执行,只会执行一次", ? ? ? ? ?"\tonStart():void {", ? ? ? ? ?"\t}", ? ? ? ? ?"", ? ? ? ? ?"\t//每帧更新时执行,尽量不要在这里写大循环逻辑或者使用getComponent方法", ? ? ? ? ?"\tonUpdate():void {", ? ? ? ? ?"\t}", ? ? ? ? ?"", ? ? ? ? ?"\t//渲染之前执行", ? ? ? ? ?"\tonLateUpdate():void {", ? ? ? ? ?"\t}", ? ? ? ? ?"", ? ? ? ? ?"\t//组件被禁用时执行,比如从节点从舞台移除后", ? ? ? ? ?"\tonDisable():void {", ? ? ? ? ?"\t}", ? ? ? ? ?"", ? ? ? ? ?"\t//手动调用节点销毁时执行", ? ? ? ? ?"\tonDestroy():void {", ? ? ? ? ?"\t}", ? ? ? ? ?"", ? ? ? ? ?"}" ? ? ?], ? ? ?"description": "快速创建一个Laya生命周期模板类" ? }, } 定义完模板后,在VsCode中新建一个ts文件,输入prefix"对应的值my
回车,就会生成上面body中定义的模板内容了,非常方便省事儿,如下图: ? ?这样每次新建一个文件,就不用去敲那些重复的代码了,它会帮你自动生成,是不是节省了很多时间。 |
|
|
| JavaScript知识库 最新文章 |
| ES6的相关知识点 |
| react 函数式组件 & react其他一些总结 |
| Vue基础超详细 |
| 前端JS也可以连点成线(Vue中运用 AntVG6) |
| Vue事件处理的基本使用 |
| Vue后台项目的记录 (一) |
| 前后端分离vue跨域,devServer配置proxy代理 |
| TypeScript |
| 初识vuex |
| vue项目安装包指令收集 |
|
|
| 上一篇文章 下一篇文章 查看所有文章 |
|
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
| 360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年12日历 | -2025/12/5 5:47:42- |
|
| 网站联系: qq:121756557 email:121756557@qq.com IT数码 |