diff --git a/.brackets.json b/.brackets.json
index 02e9bc8fa6b..87a628e30b7 100644
--- a/.brackets.json
+++ b/.brackets.json
@@ -2,33 +2,15 @@
"jslint.options": {
"vars": true,
"plusplus": true,
- "browser": false,
"devel": true,
"nomen": true,
- "indent": 4,
"maxerr": 50,
- "es5": true,
- "predef": [
- "brackets",
-
- "require",
- "define",
- "$",
-
- "window",
- "setTimeout",
- "clearTimeout",
-
- "ArrayBuffer",
- "XMLHttpRequest",
- "Uint32Array",
- "WebSocket"
- ]
+ "es5": true
},
"defaultExtension": "js",
"language": {
"javascript": {
- "linting.prefer": ["ESLint", "JSLint"],
+ "linting.prefer": ["JSLint", "JSHint"],
"linting.usePreferredOnly": true
}
},
diff --git a/.eslintrc.json b/.eslintrc.json
deleted file mode 100644
index 16b5f74189a..00000000000
--- a/.eslintrc.json
+++ /dev/null
@@ -1,69 +0,0 @@
-{
- "rules": {
- "no-bitwise": 2,
- "curly": 2,
- "eqeqeq": 2,
- "guard-for-in": 0,
- "wrap-iife": [2, "outside"],
- "no-use-before-define": 0,
- "new-cap": [0, {
- "capIsNewExceptions": [
- "$.Deferred",
- "$.Event",
- "CodeMirror.Pos",
- "Immutable.Map",
- "Immutable.List",
- "JSLINT"
- ]}],
- "no-caller": 2,
- "no-empty": 0,
- "no-new": 2,
- "no-invalid-regexp": 2,
- "no-control-regex": 2,
- "no-regex-spaces": 2,
- "no-undef": 2,
- "strict": 2,
- "no-unused-vars": [0, {"vars": "all", "args": "none"}],
- "semi": 2,
-
- "no-iterator": 2,
- "no-loop-func": 2,
- "no-multi-str": 2,
- "no-fallthrough": 2,
- "no-proto": 2,
- "no-script-url": 2,
- "no-shadow": 0,
- "no-shadow-restricted-names": 2,
- "no-new-func": 2,
- "no-new-wrappers": 2,
- "no-new-require": 2,
- "new-parens": 2,
- "no-new-object": 2,
- "no-invalid-this": 0,
- "indent": [0, 4],
-
- "valid-jsdoc": 0,
- "valid-typeof": 2,
-
- "no-trailing-spaces": 0,
- "eol-last": 0,
- "max-len": [1, 120]
- },
- "globals": {
- "brackets": false,
-
- "require": false,
- "define": false,
- "$": false,
-
- "window": false,
- "console": false,
- "setTimeout": false,
- "clearTimeout": false,
-
- "ArrayBuffer": false,
- "XMLHttpRequest": false,
- "Uint32Array": false,
- "WebSocket": false
- }
-}
diff --git a/.gitignore b/.gitignore
index b3ab55f4e4e..d0bce994f57 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,9 +7,6 @@ Thumbs.db
/node_modules
/npm-debug.log
-# ignore node_modules inside src
-/src/node_modules
-
# ignore compiled files
/dist
/src/.index.html
@@ -31,7 +28,6 @@ Thumbs.db
# unit test working directory
/test/results
-/test/temp
# Netbeans
/nbproject
diff --git a/.gitmodules b/.gitmodules
index 403668b6862..a38f27ab4c9 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,9 +1,18 @@
+[submodule "src/thirdparty/CodeMirror"]
+ path = src/thirdparty/CodeMirror
+ url = https://github.com/adobe/CodeMirror2.git
[submodule "src/thirdparty/path-utils"]
path = src/thirdparty/path-utils
url = https://github.com/jblas/path-utils.git
[submodule "src/thirdparty/mustache"]
path = src/thirdparty/mustache
url = https://github.com/janl/mustache.js.git
+[submodule "src/extensions/default/JavaScriptCodeHints/thirdparty/tern"]
+ path = src/extensions/default/JavaScriptCodeHints/thirdparty/tern
+ url = https://github.com/marijnh/tern.git
+[submodule "src/extensions/default/JavaScriptCodeHints/thirdparty/acorn"]
+ path = src/extensions/default/JavaScriptCodeHints/thirdparty/acorn
+ url = https://github.com/marijnh/acorn.git
[submodule "src/thirdparty/requirejs"]
path = src/thirdparty/requirejs
url = https://github.com/jrburke/requirejs.git
diff --git a/.jshintrc b/.jshintrc
new file mode 100644
index 00000000000..7916402f071
--- /dev/null
+++ b/.jshintrc
@@ -0,0 +1,70 @@
+{
+ "bitwise" : true,
+ "curly" : true,
+ "eqeqeq" : true,
+ "forin" : true,
+ "immed" : true,
+ "latedef" : true,
+ "newcap" : true,
+ "noarg" : true,
+ "noempty" : true,
+ "nonew" : true,
+ "plusplus" : false,
+ "regexp" : true,
+ "undef" : true,
+ "strict" : true,
+ "unused" : "vars",
+
+ "asi" : false,
+ "boss" : false,
+ "debug" : false,
+ "eqnull" : false,
+ "es5" : false,
+ "esnext" : false,
+ "evil" : false,
+ "expr" : false,
+ "funcscope" : false,
+ "globalstrict" : false,
+ "iterator" : false,
+ "lastsemic" : false,
+ "laxbreak" : false,
+ "laxcomma" : false,
+ "loopfunc" : false,
+ "multistr" : false,
+ "onecase" : false,
+ "proto" : false,
+ "regexdash" : false,
+ "scripturl" : false,
+ "shadow" : false,
+ "sub" : false,
+ "supernew" : false,
+ "validthis" : false,
+
+ "browser" : false,
+ "couch" : false,
+ "devel" : true,
+ "dojo" : false,
+ "jquery" : false,
+ "mootools" : false,
+ "node" : false,
+ "nonstandard" : false,
+ "prototypejs" : false,
+ "rhino" : false,
+ "wsh" : false,
+
+ "maxerr" : 100,
+ "indent" : 4,
+ "globals" : {
+ "window": false,
+ "document": false,
+ "setTimeout": false,
+ "require": false,
+ "define": false,
+ "brackets": false,
+ "$": false,
+ "PathUtils": false,
+ "window": false,
+ "navigator": false,
+ "Mustache": false
+ }
+}
diff --git a/.travis.yml b/.travis.yml
index 464408502fc..5f431ee20ee 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -1,7 +1,7 @@
language: node_js
sudo: false # use container-based Travis infrastructure
node_js:
- - "6"
+ - "0.10"
before_script:
- npm install -g grunt-cli
- npm install -g jasmine-node
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
deleted file mode 100644
index 620998fda66..00000000000
--- a/CODE_OF_CONDUCT.md
+++ /dev/null
@@ -1,74 +0,0 @@
-# Contributor Covenant Code of Conduct
-
-## Our Pledge
-
-In the interest of fostering an open and welcoming environment, we as
-contributors and maintainers pledge to making participation in our project and
-our community a harassment-free experience for everyone, regardless of age, body
-size, disability, ethnicity, gender identity and expression, level of experience,
-nationality, personal appearance, race, religion, or sexual identity and
-orientation.
-
-## Our Standards
-
-Examples of behavior that contributes to creating a positive environment
-include:
-
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
-
-Examples of unacceptable behavior by participants include:
-
-* The use of sexualized language or imagery and unwelcome sexual attention or
-advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
- address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
- professional setting
-
-## Our Responsibilities
-
-Project maintainers are responsible for clarifying the standards of acceptable
-behavior and are expected to take appropriate and fair corrective action in
-response to any instances of unacceptable behavior.
-
-Project maintainers have the right and responsibility to remove, edit, or
-reject comments, commits, code, wiki edits, issues, and other contributions
-that are not aligned to this Code of Conduct, or to ban temporarily or
-permanently any contributor for other behaviors that they deem inappropriate,
-threatening, offensive, or harmful.
-
-## Scope
-
-This Code of Conduct applies both within project spaces and in public spaces
-when an individual is representing the project or its community. Examples of
-representing a project or community include using an official project e-mail
-address, posting via an official social media account, or acting as an appointed
-representative at an online or offline event. Representation of a project may be
-further defined and clarified by project maintainers.
-
-## Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by contacting the project team at [admin@brackets.io](mailto:admin@brackets.io). All
-complaints will be reviewed and investigated and will result in a response that
-is deemed necessary and appropriate to the circumstances. The project team is
-obligated to maintain confidentiality with regard to the reporter of an incident.
-Further details of specific enforcement policies may be posted separately.
-
-Project maintainers who do not follow or enforce the Code of Conduct in good
-faith may face temporary or permanent repercussions as determined by other
-members of the project's leadership.
-
-## Attribution
-
-This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
-available at [http://contributor-covenant.org/version/1/4][version]
-
-[homepage]: http://contributor-covenant.org
-[version]: http://contributor-covenant.org/version/1/4/
\ No newline at end of file
diff --git a/Gruntfile.js b/Gruntfile.js
index 1d8bca04992..08e71e4ab10 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -1,5 +1,5 @@
/*
- * Copyright (c) 2013 - present Adobe Systems Incorporated. All rights reserved.
+ * Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
*
* Permission is hereby granted, free of charge, to any person obtaining a
* copy of this software and associated documentation files (the "Software"),
@@ -20,21 +20,12 @@
* DEALINGS IN THE SOFTWARE.
*
*/
-
-/*eslint-env node */
-/*jslint node: true */
-'use strict';
-
+/*global module, require*/
module.exports = function (grunt) {
+ 'use strict';
+
// load dependencies
- require('load-grunt-tasks')(grunt, {
- pattern: [
- 'grunt-*',
- '!grunt-cli',
- '!grunt-lib-phantomjs',
- '!grunt-template-jasmine-requirejs'
- ]
- });
+ require('load-grunt-tasks')(grunt, {pattern: ['grunt-contrib-*', 'grunt-targethtml', 'grunt-usemin', 'grunt-cleanempty']});
grunt.loadTasks('tasks');
// Project configuration.
@@ -65,8 +56,6 @@ module.exports = function (grunt) {
cwd: 'src/',
src: [
'nls/{,*/}*.js',
- 'package.json',
- 'npm-shrinkwrap.json',
'xorigin.js',
'dependencies.js',
'thirdparty/requirejs/require.js',
@@ -252,19 +241,19 @@ module.exports = function (grunt) {
watch: {
all : {
files: ['**/*', '!**/node_modules/**'],
- tasks: ['eslint']
+ tasks: ['jshint']
},
grunt : {
files: ['<%= meta.grunt %>', 'tasks/**/*'],
- tasks: ['eslint:grunt']
+ tasks: ['jshint:grunt']
},
src : {
files: ['<%= meta.src %>', 'src/**/*'],
- tasks: ['eslint:src']
+ tasks: ['jshint:src']
},
test : {
files: ['<%= meta.test %>', 'test/**/*'],
- tasks: ['eslint:test']
+ tasks: ['jshint:test']
}
},
/* FIXME (jasonsanjose): how to handle extension tests */
@@ -280,7 +269,14 @@ module.exports = function (grunt) {
vendor : [
'test/polyfills.js', /* For reference to why this polyfill is needed see Issue #7951. The need for this should go away once the version of phantomjs gets upgraded to 2.0 */
'src/thirdparty/jquery-2.1.3.min.js',
- 'src/thirdparty/less-2.5.1.min.js'
+ 'src/thirdparty/CodeMirror/lib/codemirror.js',
+ 'src/thirdparty/CodeMirror/lib/util/dialog.js',
+ 'src/thirdparty/CodeMirror/lib/util/searchcursor.js',
+ 'src/thirdparty/CodeMirror/addon/edit/closetag.js',
+ 'src/thirdparty/CodeMirror/addon/selection/active-line.js',
+ 'src/thirdparty/mustache/mustache.js',
+ 'src/thirdparty/path-utils/path-utils.min',
+ 'src/thirdparty/less-1.7.5.min.js'
],
helpers : [
'test/spec/PhantomHelper.js'
@@ -295,19 +291,7 @@ module.exports = function (grunt) {
'spec' : '../test/spec',
'text' : 'thirdparty/text/text',
'i18n' : 'thirdparty/i18n/i18n'
- },
- map: {
- "*": {
- "thirdparty/CodeMirror2": "thirdparty/CodeMirror"
- }
- },
- packages: [
- {
- name: "thirdparty/CodeMirror",
- location: "node_modules/codemirror",
- main: "lib/codemirror"
- }
- ]
+ }
}
}
}
@@ -315,12 +299,18 @@ module.exports = function (grunt) {
'jasmine_node': {
projectRoot: 'src/extensibility/node/spec/'
},
- eslint: {
+ jshint: {
+ all: [
+ '<%= meta.grunt %>',
+ '<%= meta.src %>',
+ '<%= meta.test %>'
+ ],
grunt: '<%= meta.grunt %>',
src: '<%= meta.src %>',
test: '<%= meta.test %>',
+ /* use strict options to mimic JSLINT until we migrate to JSHINT in Brackets */
options: {
- quiet: true
+ jshintrc: '.jshintrc'
}
},
shell: {
@@ -332,11 +322,11 @@ module.exports = function (grunt) {
});
// task: install
- grunt.registerTask('install', ['write-config', 'less', 'npm-install-source']);
+ grunt.registerTask('install', ['write-config', 'less']);
// task: test
- grunt.registerTask('test', ['eslint', 'jasmine', 'nls-check']);
-// grunt.registerTask('test', ['eslint', 'jasmine', 'jasmine_node', 'nls-check']);
+ grunt.registerTask('test', ['jshint:all', 'jasmine']);
+// grunt.registerTask('test', ['jshint:all', 'jasmine', 'jasmine_node']);
// task: set-release
// Update version number in package.json and rewrite src/config.json
@@ -344,7 +334,7 @@ module.exports = function (grunt) {
// task: build
grunt.registerTask('build', [
- 'eslint:src',
+ 'jshint:src',
'jasmine',
'clean',
'less',
@@ -356,7 +346,6 @@ module.exports = function (grunt) {
/*'cssmin',*/
/*'uglify',*/
'copy',
- 'npm-install',
'cleanempty',
'usemin',
'build-config'
diff --git a/ISSUE_TEMPLATE.md b/ISSUE_TEMPLATE.md
deleted file mode 100644
index 3e4397396b0..00000000000
--- a/ISSUE_TEMPLATE.md
+++ /dev/null
@@ -1,27 +0,0 @@
-### Prerequisites
-
-* [ ] Can you reproduce the problem with `Debug -> Reload Without Extensions`?
-* [ ] Did you perform a cursory search to see if your bug or enhancement is already reported?
-* [ ] Did you read the [Troubleshooting guide](https://github.com/adobe/brackets/wiki/Troubleshooting)?
-
-For more information on how to write a good bug report read [here](https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue)
-For more information on how to contribute read [here](https://github.com/adobe/brackets/blob/master/CONTRIBUTING.md)
-
-### Description
-
-[Description of the bug or feature]
-
-### Steps to Reproduce
-
-1. [First Step]
-2. [Second Step]
-3. [and so on...]
-
-**Expected behavior:** [What you expected to happen]
-
-**Actual behavior:** [What actually happened]
-
-### Versions
-
-Please include the OS and what version of the OS you're running.
-Please include the version of Brackets. You can find it under `Help -> About Brackets` (Windows and Linux) or `Brackets -> About Brackets` (macOS)
diff --git a/LICENSE b/LICENSE
index c56840100d4..ce67075f3ff 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,4 +1,4 @@
-Copyright (c) 2012 - present Adobe Systems Incorporated. All rights reserved.
+Copyright (c) 2012-2015 Adobe Systems Incorporated. All rights reserved.
Permission is hereby granted, free of charge, to any person obtaining a
copy of this software and associated documentation files (the "Software"),
diff --git a/README.md b/README.md
index be34715eaa1..f2d74109ed1 100644
--- a/README.md
+++ b/README.md
@@ -34,9 +34,6 @@ The Linux version has most of the features of the Mac and Windows versions, but
is still missing a few things. See the [Linux wiki page](https://github.com/adobe/brackets/wiki/Linux-Version)
for a list of known issues and to find out how you can help.
-Additionally, for a list of common Linux installation issues and workarounds you can [visit this guide](https://nathanjplummer.github.io/Brackets/).
-
-
#### Usage
By default, Brackets opens a folder containing some simple "Getting Started" content.
@@ -60,6 +57,7 @@ Having problems starting Brackets the first time, or not sure how to use Bracket
review [Troubleshooting](https://github.com/adobe/brackets/wiki/Troubleshooting), which helps
you to fix common problems and find extra help if needed.
+
Helping Brackets
----------------
@@ -113,13 +111,9 @@ Not sure you needed the exclamation point there, but we like your enthusiasm.
#### Contact info
-* **E-mail:** [admin@brackets.io](mailto:admin@brackets.io)
-* **Slack:** [Brackets on Slack](https://brackets.slack.com) (You can join by sending a mail to [admin@brackets.io](mailto:admin@brackets.io) with the subject line `slack registration request` specifying the email addresses you would like to register).
+* **Slack:** [Brackets on Slack](https://brackets.slack.com) (You can join by [requesting an invite](https://brackets-slack.herokuapp.com/))
* **Developers mailing list:** http://groups.google.com/group/brackets-dev
* **Twitter:** [@brackets](https://twitter.com/brackets)
* **Blog:** http://blog.brackets.io/
* **IRC:** [#brackets on freenode](http://webchat.freenode.net/?channels=brackets)
----
-
-Please note that this project is released with a [Contributor Code of Conduct](https://github.com/adobe/brackets/blob/master/CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.
\ No newline at end of file
diff --git a/package.json b/package.json
index bf3ab4515b4..bdfd855b7a3 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "Brackets",
- "version": "1.9.0-0",
- "apiVersion": "1.9.0",
+ "version": "1.5.0-0",
+ "apiVersion": "1.5.0",
"homepage": "http://brackets.io",
"issues": {
"url": "http://github.com/adobe/brackets/issues"
@@ -13,14 +13,13 @@
"SHA": ""
},
"devDependencies": {
- "glob": "7.0.6",
- "grunt": "0.4.5",
+ "grunt": "0.4.1",
"jasmine-node": "1.11.0",
"grunt-jasmine-node": "0.1.0",
"grunt-cli": "0.1.9",
- "phantomjs": "1.9.18",
+ "phantomjs": "1.9.13",
"grunt-lib-phantomjs": "0.3.0",
- "grunt-eslint": "18.1.0",
+ "grunt-contrib-jshint": "0.6.0",
"grunt-contrib-watch": "0.4.3",
"grunt-contrib-jasmine": "0.4.2",
"grunt-template-jasmine-requirejs": "0.1.0",
@@ -28,15 +27,16 @@
"grunt-contrib-clean": "0.4.1",
"grunt-contrib-copy": "0.4.1",
"grunt-contrib-htmlmin": "0.1.3",
- "grunt-contrib-less": "1.0.1",
+ "grunt-contrib-less": "0.8.2",
"grunt-contrib-requirejs": "0.4.1",
"grunt-contrib-uglify": "0.2.0",
"grunt-contrib-concat": "0.3.0",
"grunt-targethtml": "0.2.6",
"grunt-usemin": "0.1.11",
- "load-grunt-tasks": "3.5.0",
- "q": "1.4.1",
+ "load-grunt-tasks": "0.2.0",
+ "q": "0.9.2",
"semver": "^4.1.0",
+ "jshint": "2.1.4",
"xmldoc": "^0.1.2",
"grunt-cleanempty": "1.0.3"
},
@@ -50,4 +50,4 @@
"url": "https://github.com/adobe/brackets/blob/master/LICENSE"
}
]
-}
+}
\ No newline at end of file
diff --git a/samples/bg/Getting Started/index.html b/samples/bg/Getting Started/index.html
deleted file mode 100644
index 699e54856d3..00000000000
--- a/samples/bg/Getting Started/index.html
+++ /dev/null
@@ -1,208 +0,0 @@
-
-
-
-
-
-
- ПЪРВИ СТЪПКИ С BRACKETS
-
-
-
-
-
-
ПЪРВИ СТЪПКИ С BRACKETS
-
Това е Вашето ръководство!
-
-
-
-
- Добре дошли в Brackets, модерен редактор за код с отворен код, който разбира от уеб дизайн. Това е лек,
- но мощен редактор за код, който слива визуалните инструменти с редактора, така че да получавате достатъчно
- помощ, когато сте в нужда.
-
-
-
-
- Brackets е един различен вид редактор.
- Brackets има някои уникални функционалности, като бързо редактиране, преглед на живо и други, които може да не
- откриете в други редактори. Brackets е написан на JavaScript, HTML и CSS. Това означава, че повечето от хората,
- които използват Brackets имат уменията и да го променят и подобряват. Всъщност, ние самите използваме Brackets
- всеки ден, за да градим Brackets. За да научите повече относно ключовите функционалности, продължавайте да четете.
-
-
-
-
-
Проектите в Brackets
-
- За да редактирате своя код в Brackets, трябва да отворите папката, съдържаща файловете Ви.
- Brackets смята текущо отворената папка за „проект“; функционалностите като подсказки за кода, преглед на живо и
- бързо редактиране работят само с файловете в текущо отворената папка.
-
-
-
- След като приключите с разглеждането на този примерен проект и искате да редактирате собствен код, можете да
- използвате падащото меню в лявата странична лента, за да превключвате между папките. В момента там е избрано
- „Getting Started“ — това е папката, съдържаща файла, който разглеждате в момента. Щракнете върху падащото меню и
- изберете „Отваряне на папка…“, за да отворите своя собствена папка.
- Можете да използвате това падащо меню, за да се връщате обратно към папките, които сте отворили по-рано,
- включително този примерен проект.
-
-
-
-
Бързо редактиране на CSS и JavaScript
-
- Без повече превключване между документи и забравяне къде сте били последно. Когато редактирате HTML, използвайте
- комбинацията Cmd/Ctrl + E, за да отворите бърз редактор на място, който показва използвания CSS.
- Променете CSS кода, натиснете ESC и се връщате към редактирането на HTML, или просто оставете
- CSS правилата отворени и те ще станат част от редактора Ви за HTML. Ако натиснете ESC извън
- вмъкнатия бърз редактор, всички такива ще се скрият. Бързото редактиране разпознава и правила, описани чрез
- LESS и SCSS, включително и вложени правила.
-
-
-
- Искате да го видите в действие? Поставете курсора върху елемента по-горе и натиснете
- Cmd/Ctrl + E. Би трябвало да се появи бърз редактор за CSS, показващ CSS правилото, което
- се прилага към този елемент. Бързото редактиране може да работи също и за класове и идентификатори.
- Можете дори да го използвате с Вашите файлове с LESS и SCSS.
-
- Можете да създавате правила по същия начин. Щракнете върху един от елементите по-гори и
- натиснете Cmd/Ctrl + E. В момента няма правила за тях, но можете да натиснете бутона
- „Ново правило“ и да добавите ново правило за .
-
-
-
-
-
-
-
- Можете да използвате същата клавишна комбинация, за да редактирате и други неща — например функции на
- JavaScript, цветове и времеви функции за анимации; ние постоянно добавяме още.
-
-
- За сега редакторите на място не могат да се влагат един в друг, така че можете да използвате бързото
- редактиране само когато курсорът е в „пълния“ редактор.
-
-
-
-
Преглеждайте промените в HTML и CSS на живо в браузъра
-
- Нали знаете как години наред си играем на „запазване и презареждане“? Играта, в която правите
- промяна в редактора си, натискате „запазване“, превключвате към браузъра и натискате „презареждане“,
- за да видите резултата?
- С Brackets, няма да ви се налага да я играете повече.
-
-
- Brackets ще отвори жива връзка с браузъра Ви и ще му праща промените в HTML и CSS кода
- докато пишете! Може би вече правите нещо подобно с различни инструменти, работещи в браузъра, но с Brackets
- няма да има нужда да копирате готовия код обратно в редактора. Кодът Ви работи в браузъра, но
- живее в редактора!
-
-
-
Осветява на HTML елементи и CSS правила на живо
-
- С Brackets е лесно да видите как промените Ви в HTML и CSS ще променят страницата. Когато курсорът
- е върху CSS правило, Brackets ще осветява всички елементи, върху които то влияе, в браузъра. Също
- така, докато редактирате файл с HTML, Brackets ще осветява съответстващите елементи в браузъра.
-
-
-
- Ако имате Google Chrome, може да опитате това. Щракнете иконката на светкавица в горния десен
- ъгъл на прозореца на Brackets или натиснете Cmd/Ctrl + Alt + P. Когато прегледът на живо
- е включен за даден HTML документ, всички свързани CSS документи могат да бъдат редактирани в реално време.
- Иконката ще смени цвета си от сив на златист, когато Brackets установи връзка с браузъра Ви.
-
- Сега поставете курсора си върху елемента по-горе. Забележете синия контур,
- който се появява около изображението в Chrome. Сега натиснете Cmd/Ctrl + E, за да
- отворите CSS правилата. Опитайте да промените размера на рамката от 10 на 20 пиксела или
- променете цвета на фона от „transparent“ на „hotpink“. Ако Brackets и браузърът Ви работят
- един до друг, ще видите как промените Ви автоматично се виждат в браузъра. Яко, нали?
-
-
-
- Засега Brackets поддържа преглед на живо само за HTML и CSS. И все пак, в текущото издание, промените във
- файловете с код на JavaScript се презареждат автоматично при запазване на файла. В момента работим върху
- поддръжката на преглед на живо и за JavaScript. Прегледът на живо работи само с Google Chrome, но се надяваме
- да поддържаме всички основни браузъри в бъдеще.
-
-
-
Бърз преглед
-
- Онези от нас, които не могат да запомнят съответствието между цветовете, изразени чрез шестнадесетични
- числа и стойности ЧЗС, Brackets прави лесна и бърза проверката на това кой цвят се използва. Както в CSS,
- така и в HTML, можете просто да посочите дадена цветова стойност или преливка, и Brackets ще Ви покаже как
- изглежда този цвят или преливка автоматично. Същото важи и за изображенията: просто посочете връзката към
- изображението в редактора и ще се появи миниатюрен изглед на това изображение.
-
-
-
- За да опитате бързия преглед сами, поставете курсора върху елемента в началото на този
- документ и натиснете Cmd/Ctrl + E, за да отворите бързия редактор на CSS. Сега просто посочете
- някоя стойност за цвят. Можете да видите това и при преливките, като отворите бърз редактор за
- елемента и посочите някоя от стойностите за фона. За да опитате прегледа на изображения,
- поставете курсора върху снимката на екрана, която може да намерите по-нагоре в този документ.
-
-
-
Имате нужда от повече? Опитайте някое разширение!
-
- Освен всички приятни функционалности, вградени в Brackets, нашата огромна и постоянно нарастваща
- общност от разработчици на разширения е създала стотици такива, които добавят полезни и удобни функционалности.
- Ако има нещо, от което се нуждаете, но не намирате в Brackets, много вероятно е някой вече да е създал
- разширение за това. За да разгледате или претърсите списъка от налични разширения натиснете
- Файл > Управител на разширения… и изберете раздела „Налични“. Когато намерите това,
- което искате, просто натиснете бутона „Инсталиране“ до него.
-
-
-
-
Включете се
-
- Brackets е проект с отворен код. Разработчици от цял свят допринасят, за да изградим заедно
- един по-добър редактор за код. Много други създават разширения, които увеличават възможностите
- на Brackets. Кажете ни какво мислите, споделете идеите си или направо се включете в проекта!
-
ESC mimo rychle vložený editor, skryjí se tyto editory všechny. Rychlá úprava najde také
předpisy definované v LESS a SCSS souborech, včetně těch vnořených.
-
+
Chcete to vidět v akci? Umístěte kurzor na značku výše a stiskněte
Cmd/Ctrl + E. Pod danou značkou by se měla objevit rychlá úprava CSS, zobrazující související
@@ -206,4 +206,4 @@
- Bem-vindo ao Brackets, um moderno editor de código open-source que entende de web design. Leve, mas poderoso, ele combina ferramentas visuais no editor para que você obtenha a quantidade certa de ajuda quando precisar.
+ Bem-vindo a uma superprecoce pré-visualização de Brackets, um novo editor open-source para a próxima geração da web. Nós somos grandes fãs dos padrões e queremos construir melhores ferramentas para JavaScript, HTML e CSS
+ e relacionadas tecnologias abertas da web. Este é o nosso humilde começo.
-
- O Brackets é um editor diferente.
- O Brackets tem algumas características únicas, como a Edição Rápida (Quick Edit), Visualização ao vivo (Live Preview) e muitas outras que você não encontrará em outros editores. E o Brackets é escrito em JavaScript, HTML e CSS. Isso significa que a maioria de vocês que utilizam o Brackets possuem as habilidades necessárias para modificar e estender o editor. Na verdade, usamos o Brackets todos os dias para desenvolver o Brackets. Para saber mais sobre como utilizar os principais recursos, continue lendo.
+ Você está olhando para uma versão precoce de Brackets.
+ De muitas maneiras, Brackets é um tipo diferente de editor. Uma diferença notável é que este editor é escrito em JavaScript. Assim, enquanto Brackets poderia não estar pronto para seu uso no dia-a-dia ainda, estamos usando-o todos os dias para criar Brackets.
-
-
-
Projetos no Brackets
-
- Para editar seu próprio código utilizando o Brackets, basta abrir a pasta contendo seus arquivos. O Brackets trata a pasta atualmente aberta como um "Projeto", recursos como Code Hints, Live Preview e Quick Edit usam apenas os arquivos da pasta atualmente aberta.
-
-
-
- Assim que você estiver pronto para sair desse projeto exemplo e editar seu próprio código, você pode usar o menu na barra lateral para trocar de pasta. Nesse momento, o menu diz "Primeiros Passos" - que é a pasta que possui o arquivo que você está olhando agora mesmo. Clique no menu e escolha "Abrir pasta..." para abrir sua própria pasta.
- Também é possível utilizar o menu para voltar a pastas que você abriu anteriormente, incluindo esse projeto de exemplo.
-
+
Nós estamos tentando algumas coisas novas
-
-
Quick Edit (Edição Rápida) de CSS e JavaScript
+
Edição Rápida de CSS e JavaScript
- Sem mais necessidade de ficar trocando entre seus arquivos e perder o contexto. Quando estiver editando HTML, use o atalho Cmd/Ctrl + E para abrir um rápido editor em linha (quick inline editor) que mostra todo o CSS relacionado.
- Faça uma modificação no seu CSS, aperte ESC e você está de volta a edição do HTML, ou apenas deixe as regras CSS abertas e elas se tornarão parte do seu editor HTML. Se você apertar ESC fora do quick inline editor, todos eles irão se recolher. Quick Edit também encontrará regras definidas em arquivos LESS e SCSS, incluindo regras aninhadas.
+ Ao editar HTML, use o atalho Cmd/Ctrl + E para abrir um editor rápido embutido que exibe todos os CSS relacionados. Faça um ajuste ao seu CSS, pressione ESC e você estará de volta editando HTML. Ou simplesmente deixe as regras CSS abertas e elas se tornarão parte de seu editor HTML.
+ Se você pressionar ESC fora de um editor rápido, todos eles vão recolher. Sem mais comutação entre documentos perdendo seu contexto.
- Quer vê-lo em ação? Coloque o cursor sobre a tag acima e pressione Cmd/Ctrl + E. Você deverá ver um editor rápido de CSS aparecer acima, mostrando as regras CSS que estão aplicadas a ele. Quick Edit funciona em classes e atributos id também. Você pode usá-lo com seus arquivos LESS e SCSS também.
-
- Você pode criar novas regras da mesma maneira. Clique em uma das tags acima e aperte Cmd/Ctrl + E. Não existem regras para ele nesse momento, mas você pode clicar no botão Nova Regra e adicionar uma nova regra para .
+ Quer vê-lo em ação? Coloque o cursor sobre o tag acima e pressione Cmd/Ctrl + E. Você deverá ver um editor rápido de CSS aparecer acima. À direita, você verá uma lista de regras CSS que estão relacionadas com esta tag.Simplesmente role as regras com Alt + Up/Down para encontrar o que deseja editar.
-
-
- Você também pode usar o mesmo atalho para editar outras coisas - como funções em JavaScript, cores e funções de tempo de animação - e nós estamos adicionando mais e mais o tempo todo.
-
-
- Por enquanto inline editors não podem ser aninhados, então você só pode usar Quick Edit enquanto o cursor estiver em um editor de tamanho máximo.
-
-
-
Visualize alterações no HTML e CSS ao vivo no navegador
+
Visualizar as alterações CSS ao vivo no navegador
- Você sabe aquela "dança salvar/recarregar" que temos feito há anos? Aquela onde você faz mudanças no seu editor, clica em salvar, alterna para o navegador e então recarrega a página para finalmente ver o resultado? Com o Brackets, você não precisa fazer essa dança.
+ Você sabe aquela "dança salvar/recarregar" que temos feito há anos? Aquela onde você faz mudanças no seu editor, clica em salvar, alterna para o navegador e então recarrega a pagina para finalmente ver o resultado Com Brackets, você não precisa fazer essa dança.
- O Brackets vai abrir uma conexão ao vivo com o seu navegador local e vai enviar as atualizações no CSS enquanto você digita! Você já deve estar fazendo alguma coisa como esta hoje com ferramentas baseadas em navegador, mas com o Brackets
+ Brackets vai abrir uma conexão ao vivo com o seu navegador local e vai empurrar atualizações CSS enquanto você digita! Você já deve estar fazendo alguma coisa como esta hoje com ferramentas baseadas em navegador, mas com Brackets
não há necessidade de copiar e colar o CSS final de volta para o editor. Seu código é executado no navegador, mas vive em seu editor!
-
-
Destaque ao vivo de elementos HTML e regras CSS
-
- O Brackets facilita ver como as mudanças no seu HTML e CSS irão afetar a página.
- Quando seu cursor está em uma regra CSS, o Brackets irá destacar todos os elementos afetados no navegador. Similarmente, quando estiver editando um arquivo HTML, o Brackets irá destacar o elemento HTML correspondente no navegador.
-
- Se você tem o Google Chrome instalado, você pode tentar fazer isso sozinho. Clique no ícone em forma de raio no canto superior direito ou pressione Cmd/Ctrl + Alt + P. Quando a Visualização ao Vivo (Live Preview) é habilitada em um documento HTML, todos os documentos CSS vinculados podem ser editados em tempo real. O ícone vai mudar de cinza para ouro quando o Brackets estabelecer uma conexão com o seu navegador.
+ Se você tem o Google Chrome instalado, você pode tentar fazer isso sozinho. Clique no ícone em forma de raio no canto superior direito ou pressione Cmd/Ctrl + Alt + P. Quando a Visualização ao Vivo (Live Preview) é habilitada em um documento HTML, todos os documentos CSS vinculados podem ser editados em tempo real. O ícone vai mudar de cinza para ouro quando Brackets estabelecer uma conexão com o seu navegador.
- Agora, coloque o cursor sobre a tag acima e use Cmd/Ctrl + E para abrir as regras CSS definidas. Tente mudar o tamanho da borda de 10px para 20px ou alterar a cor de fundo de "transparent" para "hotpink". Se você tem o Brackets e seu navegador rodando lado a lado, você vai ver as alterações refletidas instantaneamente no seu navegador. Legal, certo?
+ Agora, coloque o cursor sobre o tag acima e use Cmd/Ctrl + E para abrir as regras CSS definidas. Tente mudar o tamanho da borda de 10px para 20px ou alterar a cor de fundo de "transparent" para "hotpink". Se você tem Brackets e seu navegador rodando lado a lado, você vai ver as alterações refletidas instantaneamente no seu navegador. Legal, certo?
- Atualmente, o Brackets suporta Visualização ao Vivo (Live Preview) apenas para HTML e CSS. Entretanto, na versão atual, mudanças nos arquivos JavaScript são automaticamente carregadas quando você salva. Estamos trabalhando no suporte à Visualização ao Vivo para JavaScript. Visualizações ao vivo atualmente só são possíveis com Google Chrome, mas nós esperamos trazer essa funcionalidade para os principais navegadores no futuro.
+ Atualmente, Brackets suporta Visualização ao Vivo (Live Preview) apenas para CSS. Iremos adicionar suporte à Visualização ao Vivo (Live Preview) para HTML e JavaScript em uma versão futura. Visualizações ao vivo atualmente só são possíveis com Google Chrome. Nós queremos trazer esta funcionalidade para todos os principais navegadores, e estamos ansiosos para trabalhar com os fornecedores.
-
Quick View
-
- Para aqueles de nós que ainda não memorizaram os códigos de cores equivalentes para HEX e RGB, o Brackets facilita ver exatamente qual cor está sendo utilizada. Tanto no CSS quanto no HTML, basta passar o mouse por cima de qualquer valor de cor ou gradiente que o Brackets irá mostrar uma pré-visualização da cor/gradiente. O mesmo vale para imagens: passe o mouse por cima do link da imagem no Brackets e ele irá mostrar uma pré-visualização dessa imagem.
-
-
-
- Tente o Quick View você mesmo, passe o cursor na tag no topo desse documento e aperte Cmd/Ctrl + E para abrir o editor rápido de CSS. Agora simplesmente passe o mouse por cima de qualquer um dos valores de cor no CSS. Você também pode ver isso em ação em gradientes abrindo um editor rápido de CSS na tag e passando o mouse por qualquer um dos dos valores de background-image. Tente também a pré-visualização de imagens, coloque o mouse sobre o link de screenshot incluído anteriormente nesse documento.
-
-
-
Precisa de algo mais? Tente uma extensão!
-
- Além de todas as coisas boas construídas no Brackets, nossa grande comunidade de desenvolvedores de extensões tem construído centenas de extensões que adicionam funcionalidades uteis ao editor. Se tem algo que você precisa que o Brackets não oferece, mais do que provavelmente alguém já construiu uma extensão para isso. Para pesquisar na lista de extensões disponíveis, escolha Arquivo > Gerenciador de Extensões... e clique na aba "Disponíveis". Quando encontrar uma extensão que você quer, apenas clique no botão "Instalar" ao lado.
-
-
-
Envolva-se
- O Brackets é um projeto open-source. Desenvolvedores web de todo o mundo estão a contribuir para criar um editor de código melhor. Muitos outros estão desenvolvendo extensões que espandem as capacidades do Brackets.
- Diga-nos o que você pensa, compartilhe as suas ideias ou contribua diretamente para o projeto.
+ Brackets é um projeto open-source. Desenvolvedores web de todo o mundo estão a contribuir para criar um editor de código melhor. Diga-nos o que você pensa, partilhe as suas ideias ou contribua diretamente para o projeto.
-