Open n1ckon opened 9 years ago
Please try http://livestyle.emmet.io/alpha/
Still doesn't' work :(
I followed by instruction for alpha version, uninstalled previous extension in chrome and LiveStyle Package in Sublime. Then installed alpha version in chrome and unpacked package to the Sublime Packages Folder. But now Live Style extension in browser write me: "No connected editor Make sure you’re running supported editor with LiveStyle plugin installed and your proxy/firewall doesn’t block connection to http://127.0.0.1:54000 host."
I double checked everything several times and tried to reinstall the latest version of extension for chrome and package for sublime but unfortunately didn't get successful result :(
I have installed Emmet LiveStyle extension in Google Chrome. Loaded and installed LiveStyle Package in Text Sublime. But even the Chrome showed me in LiveStyle panel(DevTools) connection between css in browser and css in sublime it is still doesn't work.
Here is a log of my attempts to connect from Sublime:
Init webFont _download_font_info Package Control: No updated packages View In Browser plugin v2.0.0, Python 3 open -a "/Applications/Firefox.app" file:////Volumes/HDD/Satellite/Documents/College/Web%20Design%20III/Web/lab1/index.html View In Browser plugin v2.0.0, Python 3 open -a "/Applications/Google Chrome.app" file:////Volumes/HDD/Satellite/Documents/College/Web%20Design%20III/Web/lab1/index.html Emmet LiveStyle: Prepare diff Emmet LiveStyle: Sending ws message '{"data": ["/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "untitled:17"], "action": "updateFiles"}' Emmet LiveStyle: Run diff Emmet LiveStyle: Use connected "chrome" client for diff Emmet LiveStyle: Sending ws message '{"data": {"file": 29, "source1": " body {\n\tbackground: red ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-size:36px;\n}\n\n.home-page-logo {\n\tdisplay: block;\n\tmargin: 0 auto;\n\tmargin: 15px auto 15px;\n\twidth: 280px;\n\ Emmet LiveStyle: message received: '{"action":"diff","data":{"file":29,"success":true,"result":{"patches":[{"path":[["body",1]],"action":"update","properties":[{"name":"background","value":"v","index":0}],"removed":[]}],"source":" body {\n\tbackground: v ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobs Emmet LiveStyle: Received diff sources response: {'file': 29, 'result': {'patches': [{'path': [['body', 1]], 'removed': [], 'properties': [{'index': 0, 'name': 'background', 'value': 'v'}], 'action': 'update'}], 'source': ' body {\n\tbackground: v ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-size: Emmet LiveStyle: Sending ws message '{"data": {"editorFile": "/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "patch": [{"path": [["body", 1]], "removed": [], "properties": [{"index": 0, "name": "background", "value": "v"}], "action": "update"}]}, "action": "update"}' Emmet LiveStyle: Diff performed in 0.0490s Emmet LiveStyle: Run diff Emmet LiveStyle: Use connected "chrome" client for diff Emmet LiveStyle: Sending ws message '{"data": {"file": 29, "source1": " body {\n\tbackground: v ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-size:36px;\n}\n\n.home-page-logo {\n\tdisplay: block;\n\tmargin: 0 auto;\n\tmargin: 15px auto 15px;\n\twidth: 280px;\n\t Emmet LiveStyle: message received: '{"action":"diff","data":{"file":29,"success":true,"result":{"patches":[{"path":[["body",1]],"action":"update","properties":[{"name":"background","value":"vk","index":0}],"removed":[]}],"source":" body {\n\tbackground: vk ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lo Emmet LiveStyle: Received diff sources response: {'file': 29, 'result': {'patches': [{'path': [['body', 1]], 'removed': [], 'properties': [{'index': 0, 'name': 'background', 'value': 'vk'}], 'action': 'update'}], 'source': ' body {\n\tbackground: vk ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-siz Emmet LiveStyle: Sending ws message '{"data": {"editorFile": "/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "patch": [{"path": [["body", 1]], "removed": [], "properties": [{"index": 0, "name": "background", "value": "vk"}], "action": "update"}]}, "action": "update"}' Emmet LiveStyle: Diff performed in 0.0413s Emmet LiveStyle: Run diff Emmet LiveStyle: Use connected "chrome" client for diff Emmet LiveStyle: Sending ws message '{"data": {"file": 29, "source1": " body {\n\tbackground: vk ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-size:36px;\n}\n\n.home-page-logo {\n\tdisplay: block;\n\tmargin: 0 auto;\n\tmargin: 15px auto 15px;\n\twidth: 280px;\n\ Emmet LiveStyle: message received: '{"action":"diff","data":{"file":29,"success":true,"result":{"patches":[{"path":[["body",1]],"action":"update","properties":[{"name":"background","value":"v","index":0}],"removed":[]}],"source":" body {\n\tbackground: v ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobs Emmet LiveStyle: Received diff sources response: {'file': 29, 'result': {'patches': [{'path': [['body', 1]], 'removed': [], 'properties': [{'index': 0, 'name': 'background', 'value': 'v'}], 'action': 'update'}], 'source': ' body {\n\tbackground: v ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-size: Emmet LiveStyle: Sending ws message '{"data": {"editorFile": "/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "patch": [{"path": [["body", 1]], "removed": [], "properties": [{"index": 0, "name": "background", "value": "v"}], "action": "update"}]}, "action": "update"}' Emmet LiveStyle: Diff performed in 0.0203s Emmet LiveStyle: Run diff Emmet LiveStyle: Use connected "chrome" client for diff Emmet LiveStyle: Sending ws message '{"data": {"file": 29, "source1": " body {\n\tbackground: v ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-size:36px;\n}\n\n.home-page-logo {\n\tdisplay: block;\n\tmargin: 0 auto;\n\tmargin: 15px auto 15px;\n\twidth: 280px;\n\t Emmet LiveStyle: message received: '{"action":"diff","data":{"file":29,"success":true,"result":{"patches":[{"path":[["body",1]],"action":"update","properties":[{"name":"background","value":"","index":0}],"removed":[]}],"source":" body {\n\tbackground: ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobste Emmet LiveStyle: Received diff sources response: {'file': 29, 'result': {'patches': [{'path': [['body', 1]], 'removed': [], 'properties': [{'index': 0, 'name': 'background', 'value': ''}], 'action': 'update'}], 'source': ' body {\n\tbackground: ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-size:36 Emmet LiveStyle: Sending ws message '{"data": {"editorFile": "/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "patch": [{"path": [["body", 1]], "removed": [], "properties": [{"index": 0, "name": "background", "value": ""}], "action": "update"}]}, "action": "update"}' Emmet LiveStyle: Diff performed in 0.0358s Emmet LiveStyle: Run diff Emmet LiveStyle: Use connected "chrome" client for diff Emmet LiveStyle: Sending ws message '{"data": {"file": 29, "source1": " body {\n\tbackground: ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-size:36px;\n}\n\n.home-page-logo {\n\tdisplay: block;\n\tmargin: 0 auto;\n\tmargin: 15px auto 15px;\n\twidth: 280px;\n\th Emmet LiveStyle: message received: '{"action":"diff","data":{"file":29,"success":true,"result":{"patches":[{"path":[["body",1]],"action":"update","properties":[{"name":"background","value":"b","index":0}],"removed":[]}],"source":" body {\n\tbackground: b ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobs Emmet LiveStyle: Received diff sources response: {'file': 29, 'result': {'patches': [{'path': [['body', 1]], 'removed': [], 'properties': [{'index': 0, 'name': 'background', 'value': 'b'}], 'action': 'update'}], 'source': ' body {\n\tbackground: b ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-size: Emmet LiveStyle: Sending ws message '{"data": {"editorFile": "/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "patch": [{"path": [["body", 1]], "removed": [], "properties": [{"index": 0, "name": "background", "value": "b"}], "action": "update"}]}, "action": "update"}' Emmet LiveStyle: Diff performed in 0.0440s Emmet LiveStyle: Run diff Emmet LiveStyle: Use connected "chrome" client for diff Emmet LiveStyle: Sending ws message '{"data": {"file": 29, "source1": " body {\n\tbackground: b ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-size:36px;\n}\n\n.home-page-logo {\n\tdisplay: block;\n\tmargin: 0 auto;\n\tmargin: 15px auto 15px;\n\twidth: 280px;\n\t Emmet LiveStyle: message received: '{"action":"diff","data":{"file":29,"success":true,"result":{"patches":[{"path":[["body",1]],"action":"update","properties":[{"name":"background","value":"bl","index":0}],"removed":[]}],"source":" body {\n\tbackground: bl ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lo Emmet LiveStyle: Received diff sources response: {'file': 29, 'result': {'patches': [{'path': [['body', 1]], 'removed': [], 'properties': [{'index': 0, 'name': 'background', 'value': 'bl'}], 'action': 'update'}], 'source': ' body {\n\tbackground: bl ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-siz Emmet LiveStyle: Sending ws message '{"data": {"editorFile": "/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "patch": [{"path": [["body", 1]], "removed": [], "properties": [{"index": 0, "name": "background", "value": "bl"}], "action": "update"}]}, "action": "update"}' Emmet LiveStyle: Diff performed in 0.0186s Emmet LiveStyle: Run diff Emmet LiveStyle: Use connected "chrome" client for diff Emmet LiveStyle: Sending ws message '{"data": {"file": 29, "source1": " body {\n\tbackground: bl ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-size:36px;\n}\n\n.home-page-logo {\n\tdisplay: block;\n\tmargin: 0 auto;\n\tmargin: 15px auto 15px;\n\twidth: 280px;\n\ Emmet LiveStyle: message received: '{"action":"diff","data":{"file":29,"success":true,"result":{"patches":[{"path":[["body",1]],"action":"update","properties":[{"name":"background","value":"blu","index":0}],"removed":[]}],"source":" body {\n\tbackground: blu ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \' Emmet LiveStyle: Received diff sources response: {'file': 29, 'result': {'patches': [{'path': [['body', 1]], 'removed': [], 'properties': [{'index': 0, 'name': 'background', 'value': 'blu'}], 'action': 'update'}], 'source': ' body {\n\tbackground: blu ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-s Emmet LiveStyle: Sending ws message '{"data": {"editorFile": "/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "patch": [{"path": [["body", 1]], "removed": [], "properties": [{"index": 0, "name": "background", "value": "blu"}], "action": "update"}]}, "action": "update"}' Emmet LiveStyle: Diff performed in 0.0158s Emmet LiveStyle: Run diff Emmet LiveStyle: Use connected "chrome" client for diff Emmet LiveStyle: Sending ws message '{"data": {"file": 29, "source1": " body {\n\tbackground: blu ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-size:36px;\n}\n\n.home-page-logo {\n\tdisplay: block;\n\tmargin: 0 auto;\n\tmargin: 15px auto 15px;\n\twidth: 280px;\n\ Emmet LiveStyle: message received: '{"action":"diff","data":{"file":29,"success":true,"result":{"patches":[{"path":[["body",1]],"action":"update","properties":[{"name":"background","value":"blue","index":0}],"removed":[]}],"source":" body {\n\tbackground: blue ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: Emmet LiveStyle: Received diff sources response: {'file': 29, 'result': {'patches': [{'path': [['body', 1]], 'removed': [], 'properties': [{'index': 0, 'name': 'background', 'value': 'blue'}], 'action': 'update'}], 'source': ' body {\n\tbackground: blue ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font Emmet LiveStyle: Sending ws message '{"data": {"editorFile": "/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "patch": [{"path": [["body", 1]], "removed": [], "properties": [{"index": 0, "name": "background", "value": "blue"}], "action": "update"}]}, "action": "update"}' Emmet LiveStyle: Diff performed in 0.0249s Emmet LiveStyle: Prepare diff Emmet LiveStyle: Sending ws message '{"data": ["/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "untitled:17"], "action": "updateFiles"}' Emmet LiveStyle: Prepare diff Emmet LiveStyle: Sending ws message '{"data": ["/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "untitled:17"], "action": "updateFiles"}' Emmet LiveStyle: Run diff Emmet LiveStyle: Use connected "chrome" client for diff Emmet LiveStyle: Sending ws message '{"data": {"file": 29, "source1": " body {\n\tbackground: blue ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-size:36px;\n}\n\n.home-page-logo {\n\tdisplay: block;\n\tmargin: 0 auto;\n\tmargin: 15px auto 15px;\n\twidth: 280px;\n Emmet LiveStyle: Run diff Emmet LiveStyle: message received: '{"action":"diff","data":{"file":29,"success":true,"result":{"patches":[{"path":[[".home-page-logo",1]],"action":"update","properties":[{"name":"display","value":"i","index":0}],"removed":[]}],"source":" body {\n\tbackground: blue ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-fam Emmet LiveStyle: Received diff sources response: {'file': 29, 'result': {'patches': [{'path': [['.home-page-logo', 1]], 'removed': [], 'properties': [{'index': 0, 'name': 'display', 'value': 'i'}], 'action': 'update'}], 'source': ' body {\n\tbackground: blue ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n
Emmet LiveStyle: Sending ws message '{"data": {"editorFile": "/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "patch": [{"path": [[".home-page-logo", 1]], "removed": [], "properties": [{"index": 0, "name": "display", "value": "i"}], "action": "update"}]}, "action": "update"}' Emmet LiveStyle: Diff performed in 0.0466s Emmet LiveStyle: Use connected "chrome" client for diff Emmet LiveStyle: Sending ws message '{"data": {"file": 29, "source1": " body {\n\tbackground: blue ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-size:36px;\n}\n\n.home-page-logo {\n\tdisplay: i;\n\tmargin: 0 auto;\n\tmargin: 15px auto 15px;\n\twidth: 280px;\n\th Emmet LiveStyle: message received: '{"action":"diff","data":{"file":29,"success":true,"result":{"patches":[{"path":[[".home-page-logo",1]],"action":"update","properties":[{"name":"display","value":"in","index":0}],"removed":[]}],"source":" body {\n\tbackground: blue ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-fa Emmet LiveStyle: Received diff sources response: {'file': 29, 'result': {'patches': [{'path': [['.home-page-logo', 1]], 'removed': [], 'properties': [{'index': 0, 'name': 'display', 'value': 'in'}], 'action': 'update'}], 'source': ' body {\n\tbackground: blue ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n
Emmet LiveStyle: Sending ws message '{"data": {"editorFile": "/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "patch": [{"path": [[".home-page-logo", 1]], "removed": [], "properties": [{"index": 0, "name": "display", "value": "in"}], "action": "update"}]}, "action": "update"}' Emmet LiveStyle: Diff performed in 0.1106s Emmet LiveStyle: Run diff Emmet LiveStyle: Use connected "chrome" client for diff Emmet LiveStyle: Sending ws message '{"data": {"file": 29, "source1": " body {\n\tbackground: blue ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive;\n font-size:36px;\n}\n\n.home-page-logo {\n\tdisplay: in;\n\tmargin: 0 auto;\n\tmargin: 15px auto 15px;\n\twidth: 280px;\n\t Emmet LiveStyle: message received: '{"action":"diff","data":{"file":29,"success":true,"result":{"patches":[{"path":[[".home-page-logo",1]],"action":"update","properties":[{"name":"display","value":"inline","index":0}],"removed":[]}],"source":" body {\n\tbackground: blue ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfon Emmet LiveStyle: Received diff sources response: {'file': 29, 'result': {'patches': [{'path': [['.home-page-logo', 1]], 'removed': [], 'properties': [{'index': 0, 'name': 'display', 'value': 'inline'}], 'action': 'update'}], 'source': ' body {\n\tbackground: blue ;\n\tcolor: #fff;\n}\nlabel {\n\tcolor:#e28b61;\n\tfont-family: \'Lobster\', cursive; Emmet LiveStyle: Sending ws message '{"data": {"editorFile": "/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "patch": [{"path": [[".home-page-logo", 1]], "removed": [], "properties": [{"index": 0, "name": "display", "value": "inline"}], "action": "update"}]}, "action": "update"}' Emmet LiveStyle: Diff performed in 0.0210s Emmet LiveStyle: Prepare diff Emmet LiveStyle: Sending ws message '{"data": ["/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "untitled:17"], "action": "updateFiles"}' Emmet LiveStyle: Prepare diff Emmet LiveStyle: Sending ws message '{"data": ["/Volumes/HDD/Satellite/Documents/College/Web Design III/Web/lab1/css/main.css", "untitled:17"], "action": "updateFiles"}'
Could you please help me ?