你好，歡迎來到
碼上掘金
！
碼上掘金是由稀土掘金推出的一款面向開發者的線上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
著作權歸作者所有。商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。
