CocosCreator项目配置WebStorm,VisualCode

WebStorm

隐藏文件

  • 选择setting进入设置界面
    在这里插入图片描述
  • 搜索editor点击File Type
    在这里插入图片描述
  • 将**.meta**隐藏掉
    在这里插入图片描述

忽略文件

  • 点击Directories
    在这里插入图片描述

VisualCode

两种进入设置界面的路径

  • 左下角设置图标->Setting
  • File->Preference->Setting

忽略文件

搜索file.exclude,直接添加需要忽略的文件
在这里插入图片描述

创建模板(代码片段)

希望直接在IDE里ts创建文件,也能有cocos初始代码

新建片段文件

(中文版)文件→首选项→用户片段
(英文版)File -> Preferences -> User Snippets

新建文件并填写文件名(可选择是全局还是当前工程使用)
在这里插入图片描述

编写片段文件

具体语法可参见大佬的总结
如下是我编写的

{
	"Initial Code": {
		"scope": "typescript",
		"prefix": "ccc",
		"body": [
			"/**",
			"**Author: Qiu",
			"**Describe: $1",
			"*/",
			"const {ccclass, property} = cc._decorator;",
			"",
			"@ccclass",
			"export default class $TM_FILENAME_BASE extends cc.Component {",
			"\t@property(cc.Node)",
			"\tnode: cc.Node = null;",
			"",
			"\tonLoad() {",
			"\t\t$2",
			"\t}",
			"}"
		],
		"description": "cocos creator common template"
	}
}
使用

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
配置 WebStorm 是非常简单的。下面是一些基本步骤: 1. 安装 WebStorm:首先,从 JetBrains 官方网站下载并安装 WebStorm。根据您的操作系统选择适当的安装包。 2. 打开 WebStorm:安装完成后,打开 WebStorm。 3. 设置主题:您可以根据个人喜好设置编辑器的主题。在 "Preferences"(Mac 用户)或 "Settings"(Windows 用户)菜单中,选择 "Editor" -> "Color Scheme",然后选择一个适合您的主题。 4. 配置版本控制:如果您使用版本控制系统(如 Git),您可以在 WebStorm配置它。在 "Preferences"(Mac 用户)或 "Settings"(Windows 用户)菜单中,选择 "Version Control",然后按照指示配置您的版本控制系统。 5. 配置语言:根据您的需求,您可以配置 WebStorm 支持的编程语言。在 "Preferences"(Mac 用户)或 "Settings"(Windows 用户)菜单中,选择 "Languages & Frameworks",然后选择要配置的语言。 6. 配置运行环境:如果您需要在 WebStorm 中运行和调试代码,您可以配置运行环境。在 "Preferences"(Mac 用户)或 "Settings"(Windows 用户)菜单中,选择 "Languages & Frameworks" -> "Node.js and NPM",然后添加您的 Node.js 解释器。 7. 安装插件:WebStorm 支持各种插件,可以增强您的开发体验。在 "Preferences"(Mac 用户)或 "Settings"(Windows 用户)菜单中,选择 "Plugins",然后浏览并安装您需要的插件。 8. 配置代码样式:根据您的喜好,您可以配置代码样式和格式化选项。在 "Preferences"(Mac 用户)或 "Settings"(Windows 用户)菜单中,选择 "Editor" -> "Code Style",然后根据您的需求进行相应的配置。 这些是配置 WebStorm 的基本步骤。根据您的具体需求,可能还有其他配置选项可供调整。希望这对您有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值