![]() Others comand line options are available and can be list with: codebox -help. By default, Codebox uses GIT to identify you, you can use the option to define the email you want to use during GIT operations. Use this command to run and open Codebox IDE. Install Codebox globally using NPM: $ npm install -g codeboxĪnd start the IDE from the command line: $ codebox run. Install from NPMĬodebox can be installed as a Node package and use programatically or from the command line. Instructions on how to install it can be found for each release. Installers for the latest stable build for Mac and Linux can be downloaded on the release page. How to install and run Codebox Desktop Applications The project is open source under the Apache 2.0 license.Ī screencast of the IDE is available on Youtube. Codebox is the first open and modular IDE capable of running both on the Desktop and in the cloud (with offline support). The IDE possesses a very modular and extensible architecture, that allows you to build your own features with through add-ons. You can use the codebox.io service to host and manage IDE instances.Ĭodebox is built with web technologies: node.js, javascript, html and less. The IDE can run on your desktop (Linux or Mac), on your server or the cloud. It is an open source component of codebox.io (Cloud IDE as a Service). It can run on any unix-like machine (Linux, Mac OS X). In each code file, there are line - by - line comments and anti - pit instructions.Codebox is a complete and modular Cloud IDE. More detailed configuration and instructions are in the corresponding code. src/index' export default ( / script ! Just like vue, you can set styles, and the style style is only valid for the current MD, no need to add scoped - style / style Copy the codeĪt this point, you have a simple button component presentation that can be summarized as follows: Make sure your library index file has the install method // If not, there is a simple component library example in the SRC directory for your reference import Cat from '. Vuepress/enhanceApp js configured //docs/.vuepress/enhanceApp.js // Import your library. Put your component library in the root directory, then the docs /. Js | - components | - catButton |- catButton.vue Copy the code Quick start step1 | - SRC / / md to store your own UI component library | - index. Md | | - guide / / instructions folder | | - the introduction. ![]() ![]() Md | | | - 2.0 / / 2.0 version of the document | | | - README. Md | | | - 1.0 / / 1.0 version of the document If you don't need version management, Directly to delete this folder can be 1.0 | | | | - README. Styl / / used to override the default color constant, Or set a new stylus color constant | | - components / / storage component documentation required for the markdown | | | - README. Styl / / will automatically be applied global style file, will be generated at the end of the final CSS file, Has a higher priority than the default styles | | | - the palette. PNG | | | - styles / / to hold style files related | | | - index. Vue | | | - dist / / for packing after the file | | | | | | - public / / static resource directory | | | | - the favicon. Vue / / at the bottom of the egg component | | | | - demon / / component sample | | | | - catButton/store/button component related sample | | | | - Type_catButton. Vue / / package sample components | | | | | - star. Vue / / component parameter table | | | | | - codeBox. Js / / application level configuration Is to introduce the document need to use third-party plugins | | | - components / / in the directory Vue Component will automatically be registered as a global components | | | | - baseComponent / / document will use the global common components of | | | | | - apiTable. Js / / document profile | | | - enhanceApp. the document page configuration | | - vuepress / / to hold global static resource configuration, components, etc. Sh / / used to automatically deploy | - package - lock. Can be solved through the following NPM slow download speed of NPM install - registry=īrowser visit Project structure directory description | - shotCat_doc | - LICENSE | - deploy. Go to the project directory CD shotCat_docĭo not directly use CNPM to install dependencies, there will be a variety of weird bugs. If you like this project welcome star!Or any usage problems and bugs, welcome to mention Issue and pr ![]() It helps you quickly prototype component documentation from zero, and it does all the configuration work you need by default, right out of the box. Modeled after the Element-UI document, realize component display, code display, online operation, API table display, document version switch, support comments and so on. ShotCat_doc helps you quickly build your own component library documentation, which is based on vuepress. I recently took over the company's public UI component library, and came up with the idea of creating a component library document like element's official website.
0 Comments
Leave a Reply. |