Gistlyn
v1.0.0.7
GitHub 프로젝트 파워 gistlyn.com -AC# GIST IDE 독립형 실행 및 실행 파일 C# 스 니펫을 생성, 실행 및 공유하기위한 GIST IDE.
Gistlyn은 NUGET에서 C# 및 .NET 라이브러리를 ZERO Install -Modern Browser에서 시도하고 탐색하기위한 최고의 공동 작업 도구입니다. Gistlyn.com으로 이동하여 개발 중 또는 iPad의 편안함에서 이동 중에 라이브러리를 시험해 보는 동반자 도구로 사용하는 것이 이상적입니다.
라이브 데모 : gistlyn.com
Gistlyn은 모든 C# 스 니펫 및 문서가 GitHub Gist에서 전적으로 호스팅되는 개방형 플랫폼 으로, 누구나 새로운 C# Gist 또는 Fork를 만들고 기존 파일에 새 파일을 추가하고 새 파일을 추가 할 수 있도록하여 Github의 GIST에 직접 저장할 수있는 C# 스 니펫에 대한 완전한 UI 작성 경험을 제공합니다. Ctrl+S 치면 수정 된 사본의 변경 사항을 저장하여 CTRL+S를 쉽게 만들거나 포크 할 수 있습니다.
Hello World Gist는 Gistlyn에서 실행하는 데 필요한 최소 C# 예를 보여줍니다. 즉, main.cs 파일의 유효한 C# 소스 코드 조각 만 있습니다.
//Variables in top scope can be inspected in preview inspector
var name = "World" ;
var greeting = $ "Hello, { name } !" ; Ctrl+Enter (또는 클릭 플레이)를 누르면 Gistlyn의 서버에서 코드가 실행되며, 최상위 범위에 정의 된 각 변수가 더 검사 될 수있는 격리 된 컨텍스트에서 실행됩니다. 미리보기 검사관에는 또한 라이브 서버 세션에 대한 C# 표현식을 평가하는 데 사용할 수있는 표현 평가기가 포함되어 있습니다.
React Desktop 앱 vs.net 템플릿 Gistlyn 덕분에 다양한 다양한 풍미로 제공됩니다.
Windows / .NET 및 Linux / Mono 서버 모두에서 ASP.NET 웹 응용 프로그램으로 배포되었습니다.
Gistlyn의 Windows 및 Linux 버전을 모두 갖는 것은 기능이 .NET 및 Mono에서 동일한 동작인지 여부를 테스트 할 때 유용합니다. 저장 후 mono 하위 도메인을 추가/제거하여 다른 운영 체제에서 스크립트를 실행할 수 있습니다.
Gistlyn은 ASP.NET 웹 앱으로 달리기 외에도 자체 호스팅 WinForms 데스크탑 또는 크로스 플랫폼 OSX/Linux/Windows 콘솔 앱으로도 제공됩니다.
데스크탑에서 Gistlyn을 실행하면 CPU의 전체 리소스를 더 빠른 빌드 및 응답 시간을 활용할 수 있으며 로컬로 실행할 때 로컬 인트라넷에서 사용할 수있는 RDBM 또는 기타 네트워크 서버 및 서비스에 액세스 할 수 있습니다.
Gistlyn은 즉각적인 피드백을 위해 인간 친화적 인 형식으로 중첩 된 복잡한 컬렉션으로 복잡한 유형을 미리 볼 수있는 한 눈으로 빠르게 탐색, 코드 및 미리보기 결과를 미리 볼 수 있습니다.
예를 들어, 다음은 Ormlite 참조 테스트 데이터 샘플 C# 코드를 실행 한 후 미리보기 검사관이 보여주는 내용입니다.
//SELECT all artists including their Track references
var allArtists = db . LoadSelect < Artist > ( ) ;
allArtists . PrintDump ( ) ; // Dump to Console 실행 후 모든 변수가 미리보기 검사관에 표시됩니다. 그런 다음 allArtists 를 클릭하면 Expression Evaluator에서 실행하고 아래 결과를 표시합니다.
T.PrintDump()및T.Dump()확장 메소드는 콘솔에 변수의 결과를 덤프하고 빠르게 보는 데 이상적입니다.
Gistlyn은 Deep Linking에서 브라우저 기록을 통해 신속하게 뒤로 탐색 할 수있는 것에 이르기까지 React 웹 기반 IDE로부터 많은 자연스러운 이점을 얻습니다. 또한 즉시 복원하는 localStorage 의 모든 변경 사항을 저장하므로 언제든지 브라우저를 닫고 Gistlyn.com을 다시 방문하면 남은 곳과 동일한 상태로 돌아갑니다. 방문하는 모든 요지의 초안도 저장되므로 변경 사항을 잃지 않고 여러 개의 요령을 기꺼이 작업 할 수 있습니다.
Gistlyn의 또 다른 기능은 자연스럽게 혜택을받는 것입니다.
스냅 샷을 사용하면 현재 작업 공간의 전체 클라이언트 상태 (로그인 정보 제외)를 생성 된 URL로 저장하여 스냅 샷을 가져 왔을 때부터 시간에 다시 되돌아 갈 수 있거나 작업중인 작업을 즉시보고 실행할 수있는 다른 사람에게 보낼 수있는 다른 사람에게 보낼 수 있습니다.
Gistlyn의 다른 모든 것과 마찬가지로 스냅 샷은 개인 Github GIST로 사용자 계정에 저장된 직렬화 된 상태의 snapshot.json 문서 일뿐입니다.
스냅 샷이 Gist에 저장되므로 스냅 샷을 찍을 수 있도록 먼저 로그인해야합니다. GitHub로 인증 된 후 바닥 글에 나타나는 카메라 아이콘을 클릭하여 스냅 샷을 찍을 수 있습니다.
스냅 샷의 이름을 입력 할 수있는 스냅 샷 대화 상자가 열립니다. 스냅 샷의 이름을 기본적으로 자동으로 채워진 스냅 샷을 찍었을 때의 타임 스탬프로 자동으로 채워집니다.
스냅 샷 저장을 클릭하면 캡처 된 스냅 샷을 직렬화하고 새로운 개인 요트에서 snapshot.json 문서로 저장합니다. 그런 다음 Gistlyn은 새로 생성 된 GIST의 ID를 ?snapshot QueryString에 추가하여 새로운 스냅 샷의 URL을 형성합니다.
생성 된 URL을 클릭하여 브라우저에서 시작하여 스냅 샷을로드하는 두 가지 방법이 있습니다.
스냅 샷으로 초기화 된 새 Gistlyn 세션을로드하고 모든 작업 파일의 내용, 미리보기 창의 상태, 콘솔 로그 등을 완성합니다.
대안은 Gistlyn의 URL 막대에 GIST의 ID를 붙여 넣는 것입니다.
또한 URL 막대에 C# Gist, Collection 또는 Snapshot의 ID를 붙여 넣을 수 있습니다.
Gistlyn을 .NET 라이브러리를 탐색하기위한 엄청나게 유용하고 협력적인 학습 도구를 만들기위한 우리의 임무에서 Gistlyn은 컬렉션을 편집하기위한 간소화 된 UX를 포함하여 도서관에 대해 더 쉽게 배우고, 개발자들이 컨트롤을 시도하고 새로운 프로젝트를 통해 배운 것을 배우지 않고 배우는 것을 배우는 데 도움이되는 "라이브 문서"를 쉽게 만들 수 있습니다.
Gistlyn은 C# 스 니펫을 동료와 쉽게 공유하거나 Gistlyn.com의 브라우저 또는 데스크탑 버전의 Gistlyn에서 볼 수있는 URL 또는 저장된 GIST ID를 사용하여 도서관 관리자에게 문제를 쉽게보고 할 수 있도록합니다.
다음은 새로운 컬렉션 제작 기능의 예입니다.
Gistlyn Collections의 가장 좋은 점은 단일 index.md Markdown 문서가있는 일반 Github Gist의 단순한 Github Gist입니다. 따라서 이전에 GitHub에서 문서를 작성했거나 StackOverFlow에서 질문을 한 경우 이미 GitHub 컬렉션을 만드는 방법을 알고 있습니다.
gistlyn 내의 모든 문서와 홈페이지는 컬렉션 헤더 아이콘을 클릭하여 볼 수있는 Gistlyn 컬렉션입니다.
컬렉션 아이콘은 ?collection 쿼리 문자열에 Gist ID를 추가하여 홈 컬렉션을 엽니 다.
컬렉션에 링크를 추가 localhost:4000 때는 절대 URL이 아닌 http://gistlyn.com?collection=... ?querystring 부분 만 포함해야합니다.
Gistlyn의 메인 메뉴에서 언제든지 컬렉션을 만들 수 있습니다.
마크 다운 편집기 에 빈 마크 다운 문서가 열립니다. Ctrl+S 누르면 수정 된 사본을 GitHub Gist에 저장하십시오. 저장 후 상단 막대는 녹색으로 바뀌어 자신의 GIST 또는 컬렉션 중 하나를보고 있거나 수정하는 것을 나타냅니다.
문서를 편집하면 Markdown 도구 모음을 사용하여 insert 링크 아이콘과 같은 Markdown 특정 형식 기능에 빠르게 액세스 할 수 있습니다.
삽입 링크 대화 상자를 열고 템플릿으로 사용하려는 기존의 요트 또는 컬렉션을 선택하여 새 GIST 또는 컬렉션을 신속하게 작성하고 링크합니다.
이를 통해 기존 GISTS packages.config 사본을 사용하여 여러 C# GIST를 신속하게 만들 수 있으며 .cs 소스 파일을 지원하여 여러 C# 샘플을 생성하려는 노력을 크게 줄일 수 있습니다.
아래의 삽입 이미지 아이콘을 클릭하여 문서에 이미지를 추가 할 수 있습니다.
이렇게하면 여러 이미지를 드래그하여 IMGUR에 업로드하여 문서에 포함시킬 수 있는 이미지 삽입 대화 상자가 열립니다.
각 이미지가 Imgur에 업로드를 마친 후 아래의 Markdown 이미지 형식을 사용하여 커서 위치에서 문서에 포함됩니다.
Markdown 문서를 작성할 때 Gistlyn이 자동으로 유형으로 저장하므로 뒤로 버튼을 사용하여 비트를 놓치지 않고 떠날 때 새 컬렉션으로 돌아갈 수 있으므로 다른 GISTS 또는 컬렉션 사이를 자유롭게 뛰어 올릴 수 있습니다.
페이지에서 멀어지면 아래 표시된 화살표 아이콘이 중간에 나타나면 왼쪽에서 편집 한 내용이 더 이상 오른쪽의 같은 페이지와 일치하지 않습니다.
오른쪽 상단 화살표 아이콘을 사용하여 오른쪽 미리보기 창에서 편집하는 페이지를로드하여 Markdown 문서의 실시간 미리보기를로드하십시오.
하단 왼쪽 화살표 아이콘을 사용하여 편집기에서 오른쪽에서보고있는 컬렉션을로드하십시오.
GIST에 수동으로 링크하는 경우 다른 컬렉션 및 스냅 샷은 다음과 같은 형식을 사용합니다.
?gist={id}?collection={id}?snapshot={id}Gistlyn은 이러한 링크를 볼 때 현재 Gistlyn 세션에로드합니다. 다른 모든 링크는 브라우저에서 처리하여 지정된 URL로 탐색하여 전체 페이지로드를 유발합니다. Gistlyn 외부의 외부 사이트에 링크하는 경우 Markdown 링크 대신 HTML을 사용하여 새 브라우저 창에서 열기를 권장합니다. 예 : :
<a target="_blank" href="http://example.org">name</a>
컬렉션은 C#을위한 학습 리소스 및 튜토리얼을 만들 수있는 좋은 방법입니다. 왼쪽의 코드 편집기에서 사용자가 시도하고 탐색 할 수있는 실행 가능한 C# 조각에 대한 링크를 제공하는 동안 오른쪽에서 무언가가 어떻게 작동하는지 설명하는 단계별 워크 스루를 만들 수 있습니다.
Gistlyn Github 계정에서 Gistlyn의 모든 컬렉션을 Gists로 찾을 수 있습니다. 아래의 Gistlyn 컬렉션을 살펴보면 Markdown 소스를 살펴보면 Markdown에서 컬렉션을 만드는 방법을 배우는 데 좋은 자료를 제공해야합니다.
불가사의 한 GIST ID와 링크를 보내는 대신, 친절한 이름 GIST에 대한 의견을 남겨서 Gistlyn 컬렉션 링크에 대한 URL을 쉽게 기억할 수 있습니다.
위의 GIST의 모든 링크가 Gistlyn에서 사용할 수 있으므로 Long ?collection={id} URL에 링크를 게시하는 대신, 더 짧고 쉽게 기억하기 쉬운 이름을 대신 사용할 수 있습니다.
URL 쇼트너와 마찬가지로 연결된 URL로 리디렉션 : http://gistlyn.com?collection=991db51E44674AD01D318B24CF0934
Gistlyn의 Servicestack 참조 기능 추가에 대한 Gistlyn의 통합 지원은 원격 Servicestack 서비스를위한 유형의 API를 생성하여 Servicestack의 유형화 된 C# 서비스 클라이언트에서 사용할 수있는 모든 Servicestack 서비스에 사용할 수 있습니다.
이 기능을 사용하는 가장 쉬운 방법은 원격 Servicestack 인스턴스의 BaseURL을 ?AddServiceStackReference Query String에 추가하는 것입니다.
지정된 URL이 유효한 Servicestack 인스턴스인지 자동으로 확인하는 Servicestack 추가 참조 대화 상자가 열립니다.
Enter 타격 :
JsonServiceClient 초기화합니다Get() 요청의 예를 제공합니다.techstacks.io의 경우 :
using System . Linq ;
using ServiceStack ;
using ServiceStack . Text ;
var client = new JsonServiceClient ( "http://techstacks.io" ) ;
//Call techstacks.io APIs by sending typed Request DTO's
var response = client . Get ( new GetAllTechnologies { } ) ;
//response.PrintDump(); // Uncomment to Print Response to Console 따라서 코드를 작성하지 않고 사용자는 Ctrl+Enter 누르면 TechStacks.io의 경우 생성 된 GIST를 실행할 수 있습니다. 무능한 response.PrintDump(); 또한 웹 서비스 response 의 내용을 콘솔에 덤프합니다.
당신이하고 싶은 한 가지는 ?Request 쿼리 문자열에 DTO가 사용되는 요청 을 변경하는 것입니다.
C# 표현식을 사전에 인구하고 다음과 함께 자동 운영 할 수 있습니다.
그런 다음 데스크탑 또는 iPad에 최신 브라우저를 보유한 사람이라면 누구나 TechStacks.io의 공개 API에 전화하여 몇 초 만에 무엇이 가장 인기있는 기술이 무엇인지 알아낼 수있는 라이브 링크가 끝납니다.
대부분의 주요 IDE에서 Servicestack 참조가 추가되는 방식과 유사하게 편집기 컨텍스트 메뉴를 사용하여 기존 GIST에 대한 참조를 추가 할 수도 있습니다.
그런 다음 참조 추가 Gistlyn 추가를 클릭 한 후 지정된 파일 이름을 사용하여 원격 서비스 입력 된 DTO를 기존 GIST에 추가합니다.
v4.0.62 전에 Servicestack 버전에 대한 서비스 참조를 추가하는 경우 Roslyn 스크립팅에서 지원되지 않으므로 C# 네임 스페이스를 수동으로 제거해야합니다.
Gistlyn의 놀라운 점은 어떤 종류의 백엔드 DB 지속성 없이도 실행되는 상태에서 완전히 무국적이라는 것입니다. 모든주는 Github Gists 또는 브라우저의 localStorage 에 지속됩니다. 인증 된 GitHub 세션조차도 모든 AJAX 요청으로 전송되는 암호화 된 JWT 쿠키로 즉시 변환되므로 서버에 유지되지 않으므로 재배치 (또는 깨끗한 서버 재건)는 JWT 토큰이 확장 될 때까지 작업을 잃거나 다시 로그인하지 않습니다.
이 Github Repo는 다양한 서비스 스택 기능을 활용하는 최신 중형 서비스 스택 인 React + TypeScript 앱의 좋은 예를 제공합니다.
