| |
|
开发:
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图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/24 6:04:22- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |