IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: 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项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-11-20 18:18:19  更:2021-11-20 18:20:13 
 
开发: 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-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码