웹 개발을위한 IDE 인 Brackets

수영 구글 플러스 이 앱을 발견했습니다. 괄호, HTML, CSS 및 JavaScript와 같은 웹 기술 개발 및 웹 디자인을위한 OpenSource 편집기 (MIT 라이센스)로 공식 웹 사이트에 설명합니다.

이 프로젝트는 우리의 소중한 친구 인 Adobe에 의해 만들어지고 유지됩니다. 현재 실험 버전입니다. 눈에 띄는 특성 중 괄호 같은 다른 편집자 중에서 숭고한 텍스트 o 블루피쉬 예를 들면 다음과 같습니다.

빠른 CSS 및 JavaScript 편집

HTML 문서를 편집 할 때 바로 가기를 사용할 수 있습니다. CTRL + E 현재 편집중인 속성의 CSS에 액세스하여 마음대로 수정할 수 있습니다.

빠른 편집

디스플레이 브라우저의 CSS 파일 변경 사항

이 기능은 가장 주목할 만하고 내가 가장 좋아하는 기능입니다. CSS를 편집하는 동안 브라우저에서 자동으로 변경 한 내용을 볼 수 있습니다. 항상 업데이트 할 것은 없습니다 😀.

현재는 크롬 y Chromium. 자세한 정보와 함께 영어로 된 공식 채널의 비디오를 남겨두고 라이브보기 기능을 보여줍니다 (최소 2:18).

Ubuntu 13.04 및 파생 제품에 브래킷 설치

.deb는 다음에서 다운로드 할 수 있습니다. 여기에 그것을 설치하려면 GDebi, QAPT 또는 터미널을 사용할 수 있습니다.

32 비트의 경우 :

dpkg -i brackets-sprint-28-LINUX32.deb

64 비트의 경우 :

dpkg -i brackets-sprint-28-LINUX64.deb

내가 그것을 설치할 때, 나에게 일어난 첫 번째 일은 그것이 실행되고 있지 않다는 것입니다.이 오류는 터미널에서 실행할 때 나타납니다.

libudev.so.0: cannot open shared object file: No such file or directory

나는 봤고 터미널에 입력하여 해결합니다.

sudo ln -sf /lib/i386-linux-gnu/libudev.so.1 /lib/i386-linux-gnu/libudev.so.0

문제가 해결되었습니다 😀.

두 번째 "오류"는 Brackets가 HTML 파일 표시를 위해 Chromium을 열지 않았다는 것입니다 (Google 크롬에서는이 오류가 발생하지 않아야 함). 자주 묻는 질문 섹션의 공식 페이지에서이 문제를 매우 유사한 명령으로 수정하는 방법을 찾았습니다 ( 심볼릭 링크 만들기) :

sudo ln -s /usr/bin/chromium-browser /usr/bin/google-chrome

이제 모든 것이 100 % 작동해야합니다. 건배 !!.


코멘트를 남겨주세요

귀하의 이메일 주소는 공개되지 않습니다. 필수 필드가 표시되어 있습니다 *

*

*

  1. 데이터 책임자 : Miguel Ángel Gatón
  2. 데이터의 목적 : 스팸 제어, 댓글 관리.
  3. 합법성 : 귀하의 동의
  4. 데이터 전달 : 법적 의무에 의한 경우를 제외하고 데이터는 제 XNUMX 자에게 전달되지 않습니다.
  5. 데이터 저장소 : Occentus Networks (EU)에서 호스팅하는 데이터베이스
  6. 권리 : 귀하는 언제든지 귀하의 정보를 제한, 복구 및 삭제할 수 있습니다.

  1.   엘라 브

    흥미 롭군. 지금은 낮추고 있습니다.

    Chrome / Chromium을 사용하고 CSS를 편집하는 동안 자동으로 업데이트되기 때문에 Chrome의 JavaScript 엔진 V8을 사용하는 Node.js에서도 작동하는 Stylus가 생각납니다.

    의심 할 여지없이 훌륭한 도구입니다. 내가 해보면 말해 줄게.

    1.    나노

      검토하겠습니다. 여러 프로젝트가 진행 중이며 다른 상황에서 테스트 할 수 있습니다.

    2.    frk7z

      elav, LiveReload 플러그인을 사용하여 Sublime에서 동일한 작업을 수행 할 수 있으며 Stylus, Jade 및 커피와 함께 emmet하여 .styl 또는 .jade 파일을 저장할 때마다 콘솔이 자동 컴파일되도록 남겨 둘 수 있습니다. 그게 제가하는 일입니다. 스타일러스의«nib»모듈을 사용하면 레이아웃이 훨씬 더 좋아집니다.

      또한 emmet의 LiveStyle (livestyle.emmet.io)을 살펴보십시오. 아직 본 적이 없다면 좋아할 것입니다. 건배

  2.   페르난도

    Linux 및 Windows 용 무료 웹 편집기 인 Bluegriffon도 있습니다. 모든 기능을 지원합니다.

    1.    엘라 브

      Bluegriffon은 정말로 이러한 모든 기능을 가지고 있습니까? 한 번 시도해 보았을 때 애드온이나 그와 비슷한 것을 지불해야했을 때 우산이 막혔던 것을 기억합니다.

  3.   알베르토

    Bluefish를 사용하는 것이 더 좋습니다 ... 거의 모든 언어로 프로그래밍 할 수 있으며 모두 하나의 완전 통합으로 가능합니다 ...

    Bluefish는 GPL 라이센스가있는 크로스 플랫폼 POSIX HTML 편집기 소프트웨어로, 무료 소프트웨어입니다.

    Bluefish는 숙련 된 웹 디자이너와 프로그래머를 대상으로하며 동적 및 대화 형 페이지 편집에 중점을 둡니다. 다양한 프로그래밍 및 마크 업 언어를 인식 할 수 있습니다.

    Bluefish는 Linux, FreeBSD, MacOS-X, OpenBSD, Solaris 및 Tru64와 같은 많은 POSIX (Portable Operating System Interface) 호환 운영 체제에서 실행됩니다.

    주로 GTK 및 C posix 라이브러리를 사용합니다. GTK 1.0 또는 1.2에서 작동 한 마지막 버전은 0.7입니다. 현재 버전에는 적어도 GTK 버전 2.0 (이상), libpcre 3.0 (이상), libaspell 0.50 이상 (선택 사항), 맞춤법 검사, gnome-vfs (선택 사항)는 원격 파일이 필요합니다.

    이 프로그램은 공식적으로 Gnome 프로젝트의 일부가 아니지만 이러한 환경에서 자주 사용된다는 점에 유의하는 것이 중요합니다.

    또한 사용자는 파일 시스템 추상화 계층 인 Gnome VFS를 통해 FTP 서버 또는 WebDAV 디렉터리와 같은 온라인 리소스에 투명하게 액세스 할 수 있습니다.

    Bluefish (푸른 물고기)의 이름과 로고는 Neil Millar가 제안했으며, Neil Millar는이를 작업 팀에 제안하고 즉시 사로 잡았습니다. Bluefish는 수많은 학교에서 이동하고 해안에 가까운 동물 (물고기)입니다. 그의 이름은 통합과 공유, 자유 소프트웨어의 이상을 필요로한다는 것이 분명합니다.

    Bluefish는 속도, 여러 파일을 동시에 여는 기능, 다중 프로젝트 지원, gnome-vfs를 통한 원격 파일 지원, Perl과 호환되는 정규 표현식을 기반으로하는 사용자 정의 가능한 구문 마크 업, 하위 패턴 및 사전 정의 된 패턴 지원 (HTML 용 , PHP, Javascript, JSP, SQL, XML, Python, Perl, CSS, ColdFusion, Pascal, R, Octave / Matlab), HTML 태그 용 대화 상자, 간편한 문서 생성을위한 마법사, 테이블 생성, 프레임 (프레임), 지원 다중 인코딩, 다른 문자 세트로 작업, 줄 번호 매기기, 드롭 다운 메뉴, 구성 가능한 도구 모음, 이미지 삽입 대화 상자, 함수 참조 찾기, 다양한 프로그램 (make, javac 등)과 사용자 정의 가능한 통합, 구문 강조 (C, Java, JavaScript, Python, Perl, ColdFusion, Pascal, R 및 Octave), 이들 사이의 약 XNUMX 개 언어로 전체 번역 os : 포르투갈어 (브라질), 불가리아어, 중국어, 덴마크어, 핀란드어, 프랑스어, 독일어, 헝가리어, 이탈리아어, 노르웨이어, 폴란드어, 포르투갈어, 스페인어, 스웨덴어, 일본어 및 타밀어.

    위키 백과 ...

    1.    엘라 브

      BlueFish를 사용해 보았습니다. 아주 좋은 것은 사실이지만 모르겠습니다. 지금은 Arch에서 테스트하고 있으며 KDE에서는 스크롤이 작동하지 않습니다. 아래로 내려갈 수 있으려면 막대의 스크롤 버튼을 잡아야합니다. 코드 자동 완성 기능이 많이 향상되었지만 처음에 말했듯이 뭔가 빠졌습니다.

      1.    엘리오타임3000

        예를 들어 웹 페이지 뷰어입니다.

    2.    나노

      좋아요, 예,하지만 진실은 제가 커뮤니티와 함께 ​​편집자에 머물러 있다는 것입니다. Bluefish는 개발자와 전체 스토리를 가지고있을 수 있지만 예를 들어 Sublime을 사용하게 만드는 것은 다음과 같은 간단한 사실입니다. 엄청난 양의 플러그인과 리소스를 사용할 수 있으며 총알이며 기본 도구는 당신을 놀라게합니다.

      숭고하게 변할까요? 오 예, VIM xD 전용

      1.    라우로제

        그러나 이것이 Linux에서 숭고합니까?

        1.    엘라 브

          Así es.

  4.   아니 발

    나는 kubuntu 13.04 출신이며 libudev 오류가 발생하고 심볼릭 링크를 수행했으며 동일하게 유지됩니다 🙁

    그것을 고치려면 (적어도 내 것은 64 비트) 이것은 올바른 줄입니다.

    sudo ln -sf /lib/x86_64-linux-gnu/libudev.so.1 /lib/x86_64-linux-gnu/libudev.so.0

    1.    기예르모 리모 네스 포 조스

      훌륭한 관찰, 감사합니다 😀

  5.   Equiman

    글쎄요, 그게 저를 설득하지 못해요 ...하지만 여전히 모르겠어요.

    Adobe의이 프로그램에서 자유 로워진다는 아이디어는 무료이며 미래에 대해 영원히 열려 있습니다.

  6.   나노

    Brackets와 관련하여 매우 숙련 된 프런트 엔드 개발자가 만든 Sublime과 매우 흥미로운 비교를합니다.

    어쨌든 읽을 가치가 있습니다. 대괄호 대 숭고한 텍스트

    엔조이

  7.   가브리엘

    누구든지 도움이되는 C ++을 알고 있다면 Linux에 대한 커뮤니티 덕분입니다.

  8.   엘라 브

    데비안 Wheezy에서는 실행할 수 없습니다. GLIBC가 가지고있는 것보다 더 높은 버전이 필요하기 때문입니다.

  9.   후안라

    오, 이미 오래 전 (몇 달 전)이 IDE의 존재를 깨달은 Linux 용 버전이 있습니다. Linux 용 버전은 없었고 사용하고 싶었지만 이제는 Linux 용 버전이 있습니다. elav에 따르면 Wheezy에서 실행되며 제가 가지고있는 배포판입니다 🙁 haha, 너무 운이 좋긴하지만 좋은 특성이 있으면 언젠가는 시도하지 않겠습니다

  10.   브루노 카시오

    저는 3 년 동안 웹 개발에 종사했으며 제 경험은 다음과 같습니다.

    1st Sublime 텍스트
    두 번째 NetBeans
    3 일식

    나머지는 순수한 m… ..

    저는 일반적으로 Sublime을 사용합니다. 플러그인이 엄청나게 많기 때문입니다 (그중 하나는 제가 많이 사용하는 TWIG). 찾고있는 것이 자동 완성이라면 Eclipse 나 netbeans와 같은 것은 없습니다.

    안녕하십니까!

  11.   xrz-30

    제 경우 오류는 다음과 같습니다.
    usr / lib / 대괄호 / 대괄호 : 공유 라이브러리로드 중 오류 : libudev.so. 0 : 공유 객체 파일을 열 수 없음 : 해당 파일 또는 디렉토리 없음

    그리고 64 비트 버전을 설치하는 사람들을 위해 내 아키텍처에 해당하는 디렉토리 (Anibal도 언급)를 선택하여 해결했습니다. 다음과 같이 i86-linux-gnu 대신 x64_386-linux-gnu 디렉토리를 선택해야합니다.

    32 비트의 경우 :
    sudo ln -sf /lib/i386-linux-gnu/libudev.so.1 /lib/i386-linux-gnu/libudev.so.0

    64 비트의 경우 :
    sudo ln -sf /lib/x86_64-linux-gnu/libudev.so.1 /lib/x86_64-linux-gnu/libudev.so.0

    libudev.so.1이라는 이름으로 동일한 디렉토리에 libudev.so.0의 심볼릭 링크를 생성하기 만하면됩니다.

  12.   xrz-30

    나는 리눅스 용 버전이 나왔다는 것을 몰랐고, 몇 달 전에 와인과 함께 사용해 보았지만 즐거운 경험은 아니었다. 우리가 사랑하는 턱시도 버전을 만들 수 있도록 지원해 주신 커뮤니티에 감사드립니다.

    귀하가 언급했듯이 제 경우에는 오류 메시지가 다음과 같이 실행될 수 없습니다.
    usr / lib / 대괄호 / 대괄호 : 공유 라이브러리로드 중 오류 : libudev.so. 0 : 공유 객체 파일을 열 수 없음 : 해당 파일 또는 디렉토리 없음

    그리고 64 비트 버전을 설치하는 사람들을 위해 내 아키텍처에 해당하는 디렉토리 (Anibal도 언급)를 선택하여 해결했습니다. 다음과 같이 i86-linux-gnu 대신 x64_386-linux-gnu 디렉토리를 선택해야합니다.

    32 비트의 경우 :
    sudo ln -sf /lib/i386-linux-gnu/libudev.so.1 /lib/i386-linux-gnu/libudev.so.0

    64 비트의 경우 :
    sudo ln -sf /lib/x86_64-linux-gnu/libudev.so.1 /lib/x86_64-linux-gnu/libudev.so.0

    libudev.so.1이라는 이름으로 동일한 디렉토리에 libudev.so.0의 심볼릭 링크를 생성하기 만하면됩니다.

  13.   라울

    브래킷에 약간의 문제가 있습니다. Chrome에서 원격 디버깅을 활성화해야한다는 메시지가 표시되고 "Chrome을 다시 시작하고 원격 디버깅을 활성화 하시겠습니까?"라는 질문이 표시됩니다. [Chrome 다시 시작] 버튼이 있습니다. 그러나 나는 그것을주고 그것은 전혀 아무것도하지 않으며 다시 시작하지도 않고 활성화하지도 않습니다.

    1.    라울

      잊었습니다. Ubuntu 13.04 64 비트가 있습니다. 대괄호 버전은 29입니다.

      1.    이르반도발

        Chrome을 닫고 대괄호로 실행하십시오 🙂, 적어도 저에게 효과가 있다면 이런 식으로
        인사말!

        1.    라울

          예, 이미 그렇게했지만 아무것도하지 않았습니다. : S

  14.   헥토르

    안녕하세요, 조언 해 주셔서 감사합니다. 저도 같은 문제가 있지만 데비안 Wheezy에서 당신이 말한 수정이 저에게 효과가 없습니다. 저를 도와 줄 수 있습니까, 감사합니다.

  15.   Vidagnu

    뛰어난 IDE, Slackware 사용자를 위해 설치 절차를 그대로 둡니다.

    http://vidagnu.blogspot.com/2014/02/como-instalar-brackets-en-slacwkare.html

  16.   세르지오 안토니오 트루 히요

    기여 해주셔서 감사합니다. 만자로에 설치했는데 브라우저에서 실행되지 않았지만 심볼릭 링크 덕분에 수정할 수있었습니다.

  17.   메탈 헤드

    솔루션이 작동하지 않습니다
    프로그램이 여전히 시작되지 않습니다

  18.   카를로스

    여보세요! Huayra Linux에 브래킷을 설치할 수 없습니다. 어떻게해야합니까? 할 수 있습니까?

  19.   카노 리오스

    나는 공식 웹 사이트에서 다운로드 하고이 사이트에서 제공하는 지침으로 설치했으며 오류가 나타 났으며 제공 한 솔루션이 저에게 효과적이지 않았습니다.

    내가 올바르게 설치하고 문제없이 사용할 수 있었던 방법은 콘솔로 저장소를 추가하고 동일하게 설치하는 것입니다.

    sudo add-apt-repository ppa : webupd8team / 대괄호
    sudo는있는 apt-get 업데이트
    sudo apt-get install bracket

    플라즈마 KDE 15.04가있는 Kubuntu 5가 있습니다 😉