你好，欢迎来到 码上掘金 ！

码上掘金是由稀土掘金推出的一款面向开发者的在线code playground服务，旨在为每一位热爱技术的人提供一个快速分享、交流编码知识的平台。用户无需搭建部署环境，只需编写核心代码即可快速在线获得运行效果预览。

这里提供了一份新手指南！帮助你了解并快速上手使用码上掘金。

1. 主页面

访问码上掘金码上掘金 即可打开码上掘金主页面

在这里可以实现项目创建、项目管理

1.1 创建

点击页面左上角“新建代码片段”即可创建新的项目，默认会创建一个由Markup、Style、Script几个版块组成的空项目，同时还可以选择基于模板新建，当前提供了vue、react模板，以及用户自己保存的模板。

2. 编码页面

新建项目后，将会打开新标签页，在新的页面中即可进行代码编写，如图

2.1 定义项目名称

新建项目时，系统会创建一个8位的随机名称，你可根据自己的需求点击标题旁的图标对标题进行修改，如图：

2.2 编写代码

当前可基于自己的需求，分别在Markup、Style、Script三个版块进行代码编写，其中Style版块支持切换CSS/Less/Stylus/SCSS/SASS，Script版块支持切换JavaScript/TypeScript/React(JS)/React(TS)/Vue2/Vue3及自定义语言

2.2.1 布局设置

点击截图中的图标，可切换当前页面布局模式

2.2.2 Console

页面下方为console面板，用于编码过程中的调试

2.3 设置

2.3.1 Markup设置

可在该版块设置中完成标签内的元信息以及对于标签设置class

2.3.2 Style设置

在该版块中可以设置项目的基础样式，同时支持添加多个CSS依赖资源

2.3.3 Script设置

该版块中可以添加多个JS依赖资源

2.3.4 基础设置

用于设置项目的名称及描述信息

2.3.5 存储设置

用户设置项目在保存相关的事件，当前可设置是否自动保存、是否自动运行以及是否自动格式化代码

2.3.6 编辑器设置

用于设置编辑器常规的缩进信息

2.3.7 访客设置

因码上掘金项目在发布并通过审核后，可以插入至掘金文章或分享给他人浏览，所以可在此对客态呈现效果进行设置

下图为插入到掘金文章中的效果

2.4 更多信息

页面左下角为关于该项目的更多信息介绍，点击可展开查看

2.5 Fork

当浏览到比较感兴趣的项目时，可以将其fork至自己的账号下，操作页面顶部“Fork”按钮即可

2.6 发布

当编码完成后，可点击页面右上角“发布”按钮进行发布，发布并通过审核后，可将该项目插入至掘金文章或分享给其他人浏览查看

3. 写在最后

以上便是码上掘金相关的功能介绍，目前该产品还是持续进行迭代优化中，欢迎大家积极体验并反馈。

作者：掘金产品经理
链接：https://juejin.cn/post/7152392404757118990
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。