Home
Search results “Indent guide options sublime”
Write Cleaner Python with Sublime Text's Indent Guides
 
03:38
► Optimize your Python + Sublime Text Setup: https://SublimeTextPython.com Sublime Text has a useful "indent guides" feature that's controlled by the "indent_guide_options" user preferences setting. I like to use the following configuration to write Python with Sublime because it makes navigating the code and understanding its layout a little easier: "indent_guide_options": ["draw_active"] I recorded this on Windows today because my MacBook just died :) (This video a repost because for some reason the previous video had broken audio on Chrome.) ► Weekly Tips for Python Developers: https://dbader.org/newsletter
Views: 2145 Real Python
Sublime Text Indentation Guides — draw_normal & draw_active
 
03:41
Enhance your indentation guides with this quick setting. Set custom colours by using the Cobalt2 theme or editing your own theme. FULL POST: http://wesbos.com/sublime-text-indentation-guide-lines/
Views: 11529 Wes Bos
Sublime Text Line and Indentation Tools (Tutorial #2)
 
06:26
I finally launched the full workflow course! https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL Download Sublime Text (Buy it if you love it!) http://www.sublimetext.com/ Follow me on Twitter for resources and updates: https://twitter.com/learnwebcode
Views: 150522 LearnWebCode
How to Show Indent Guide in ATOM Editor look like sublime text
 
00:19
How to Show Indent Guide in ATOM Editor look like sublime text 1) open Atom 2) Atom - preference - scroll down and click show intent guide happy video
Views: 6159 Youtech Channel
Sublime Text 3 Setup - Most Important Packages
 
20:06
1:30 Package Control 2:50 Emmet 3:58 Sublime Code Intel 4:54 Material Theme 10:30 Sidebar Enhancements 10:53 Advanced New File 12:08 Git Gutter 13:00 DocBlockr 15:36 SublimeLint 16:20 PHPCS 16:30 JSLint :: Support Me :: https://www.patreon.com/alecaddd http://www.alecaddd.com/support-me/ https://amzn.to/2Hcp5mo You guys asked a lot about my editor and what packages I used. Here's a quick video on how I setup a fresh installation of my favourite code editor. :: List of Packages :: Package Control: https://packagecontrol.io/ Emmet: https://packagecontrol.io/packages/Emmet Sublime Code Intel: https://packagecontrol.io/packages/SublimeCodeIntel Material Theme: https://packagecontrol.io/packages/Material%20Theme Sidebar Enhancements: https://packagecontrol.io/packages/SideBarEnhancements Advanced New File: https://packagecontrol.io/packages/AdvancedNewFile Git Gutter: https://packagecontrol.io/packages/GitGutter DocBlockr: https://packagecontrol.io/packages/DocBlockr SublimeLint: https://packagecontrol.io/packages/sublimelint PHP CS: https://packagecontrol.io/packages/Phpcs JSLint: https://packagecontrol.io/packages/JSLint :: Tutorial Series :: WordPress 101 - Create a theme from scratch: http://bit.ly/1RVHRLj WordPress Premium Theme Development: http://bit.ly/1UM80mR Learn SASS from Scratch: http://bit.ly/220yzmZ Design Factory: http://bit.ly/1X7Csaz Affinity Designer: http://bit.ly/1X7CrDA :: My Website :: http://www.alecaddd.com/ :: Follow me on :: Twitter: https://twitter.com/alecaddd Google+: http://bit.ly/1Y7sunz Facebook: https://www.facebook.com/alecadddpage
Views: 276476 Alessandro Castellani
Sublime Text Themes and Color Schemes (Tutorial #11)
 
05:34
I finally launched the full workflow course! https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL Download Sublime Text (Buy it if you love it!) http://www.sublimetext.com/ Follow me on Twitter for resources and updates: https://twitter.com/learnwebcode
Views: 90856 LearnWebCode
Sublime Text Basics: All the Best Features in One Video
 
18:09
Just installed Sublime Text 3 and now you're wondering what all the hype is about? Start here. This video covers Sublime Text's 'killer features' - the practical tricks and commands that will make you faster, better, more powerful, and more efficient than you've ever been in another editor. It doesn't matter whether you're a web developer, system administrator, devops engineer, or anyone else that works with plain text. When you've learned all the Sublime Text 3 tricks in this video, you'll be ready to get the most out of this awesome text editor. 1:03 Working with Projects 2:28 Managing Folders 2:52 Multiple Cursors 3:55 Multiple Select 4:35 Multi-Cursor Copy/Paste 6:28 GoTo Anything 9:26 The Sublime Text Command Palette 10:19 Find/Replace Across all Project Files 12:29 Installing Packages 14:14 Installing Themes 15:01 Amazing Plugin: Emmet -- Create HTML Markup with CSS Selectors 16:20 Settings: Configuring the Sublime Text Editor 17:08 Final Advice 17:53 Outtakes # More Videos Full Linux Sysadmin Course: https://www.youtube.com/playlist?list=PLtK75qxsQaMLZSo7KL-PmiRarU7hrpnwK Check out my project-based Linux System Administration course (free sample videos): https://www.udemy.com/hands-on-linux-self-hosted-wordpress-for-linux-beginners/?couponCode=tl35 Official Site & e-mail list: https://tutorialinux.com/ Twitter: https://twitter.com/tutorialinux Facebook: https://www.facebook.com/tutorialinux Patreon: https://www.patreon.com/tutorialinux Here's a link to the project that you see me using in this video (An Ansible 2 course that I created for Packt Publishing): https://www.packtpub.com/networking-and-servers/ansible-2-beginners-video
Views: 142266 tutoriaLinux
Sublime Text 3: Setup, Package Control, and Settings
 
17:38
A quick walkthrough on setting up a development environment using Sublime Text 3. The packages installed in this video are: Dayle Rees Colorschemes Predawn BracketHighlighter Sidebar Enhancements (No longer on Sublime Text 2) SublimeCodeIntel Emmet SublimeLinter with JSHint and CSSLint ✅ Support My Channel Through Patreon: https://www.patreon.com/coreyms ✅ Become a Channel Member: https://www.youtube.com/channel/UCCezIgC97PvUuR4_gbFUs5g/join ✅ One-Time Contribution Through PayPal: https://goo.gl/649HFY ✅ Cryptocurrency Donations: Bitcoin Wallet - 3MPH8oY2EAgbLVy7RBMinwcBntggi7qeG3 Ethereum Wallet - 0x151649418616068fB46C3598083817101d3bCD33 Litecoin Wallet - MPvEBY5fxGkmPQgocfJbxP6EmTo5UUXMot ✅ Corey's Public Amazon Wishlist http://a.co/inIyro1 ✅ Equipment I Use and Books I Recommend: https://www.amazon.com/shop/coreyschafer ▶️ You Can Find Me On: My Website - http://coreyms.com/ My Second Channel - https://www.youtube.com/c/coreymschafer Facebook - https://www.facebook.com/CoreyMSchafer Twitter - https://twitter.com/CoreyMSchafer Instagram - https://www.instagram.com/coreymschafer/
Views: 394517 Corey Schafer
How to configure prettier to automatically format your code
 
49:22
Site: https://prettier.io/ prettier is a code formatter for JavaScript that I very highly recommend! In this I'll show you to install it, how to configure it, what editor plugins you can use, how to make it work nicely with eslint, and how to make it automatically apply to all files when they're committed.
Views: 12361 Kent C. Dodds
Setting up a Python Development Environment in Sublime Text
 
26:03
In this Python Tutorial, we will be setting up a development environment in Sublime Text 3. We will walk through how to install Sublime Text, install Package Control, install Packages, and much more. Let's get started. GitHub Sublime Settings - https://github.com/CoreyMSchafer/dotfiles/tree/master/settings Source Code Pro Font - https://fonts.google.com/specimen/Source+Code+Pro Build Systems tutorial - https://www.youtube.com/watch?v=xqcTfplzr7c Older Sublime Text 3 Setup (Web Dev focused)- https://www.youtube.com/watch?v=zVLJfrIwEP8 Sublime Text Playlist - https://www.youtube.com/playlist?list=PL-osiE80TeTtHH8BZngXEsLPGotQxZa6z Atom Python Development Environment Setup - https://youtu.be/DjEuROpsvp4 ✅ Support My Channel Through Patreon: https://www.patreon.com/coreyms ✅ Become a Channel Member: https://www.youtube.com/channel/UCCezIgC97PvUuR4_gbFUs5g/join ✅ One-Time Contribution Through PayPal: https://goo.gl/649HFY ✅ Cryptocurrency Donations: Bitcoin Wallet - 3MPH8oY2EAgbLVy7RBMinwcBntggi7qeG3 Ethereum Wallet - 0x151649418616068fB46C3598083817101d3bCD33 Litecoin Wallet - MPvEBY5fxGkmPQgocfJbxP6EmTo5UUXMot ✅ Corey's Public Amazon Wishlist http://a.co/inIyro1 ✅ Equipment I Use and Books I Recommend: https://www.amazon.com/shop/coreyschafer ▶️ You Can Find Me On: My Website - http://coreyms.com/ My Second Channel - https://www.youtube.com/c/coreymschafer Facebook - https://www.facebook.com/CoreyMSchafer Twitter - https://twitter.com/CoreyMSchafer Instagram - https://www.instagram.com/coreymschafer/ #Python
Views: 324059 Corey Schafer
แสดงหรือซ่อน Atom IO Indent Guide , Hide or Show Atom IO Indent Guide
 
01:32
สำหรับนักพัฒนาที่เริ่มต้นใช้งานโปรแกรม Editor ตัวนี้ หรือท่านที่กำลังสนใจจะโหลดมาใช้งาน ก็สามารถโหลดได้จากเว็บ https://atom.io/ เท่าที่ทดลองใช้ดูก็โอเคครับ สนับสนุนตัวอักษรไทยได้ดี ยังไม่เจอปัญหาตัวอักษรไทยลอย
Views: 78 Dusit Srisroy
How to Setup VS Code + Prettier + ESLint
 
04:00
A quick video on how I solved my config issues with VS Code, ESLint and Prettier
Views: 84258 Wes Bos
Setting up a Python Development Environment in Atom
 
23:01
In this Python Tutorial, we will be setting up a development environment in Atom. We will walk through how to install Atom, install Packages, customize settings, and much more. Let's get started. Source Code Pro Font - https://fonts.google.com/specimen/Source+Code+Pro Sublime Text Development Environment Setup - https://youtu.be/xFciV6Ew5r4 ✅ Support My Channel Through Patreon: https://www.patreon.com/coreyms ✅ Become a Channel Member: https://www.youtube.com/channel/UCCezIgC97PvUuR4_gbFUs5g/join ✅ One-Time Contribution Through PayPal: https://goo.gl/649HFY ✅ Cryptocurrency Donations: Bitcoin Wallet - 3MPH8oY2EAgbLVy7RBMinwcBntggi7qeG3 Ethereum Wallet - 0x151649418616068fB46C3598083817101d3bCD33 Litecoin Wallet - MPvEBY5fxGkmPQgocfJbxP6EmTo5UUXMot ✅ Corey's Public Amazon Wishlist http://a.co/inIyro1 ✅ Equipment I Use and Books I Recommend: https://www.amazon.com/shop/coreyschafer ▶️ You Can Find Me On: My Website - http://coreyms.com/ My Second Channel - https://www.youtube.com/c/coreymschafer Facebook - https://www.facebook.com/CoreyMSchafer Twitter - https://twitter.com/CoreyMSchafer Instagram - https://www.instagram.com/coreymschafer/ #Python
Views: 259895 Corey Schafer
How to set tab space style in Visual Studio Code
 
00:59
Spaces to tabs in Visual Studio Code Visual Studio Code, Text Editor, Code, Front-end visual studio code tab spaces visual studio code change tab spaces visual studio code show tab space visual studio code python tab spaces visual studio code tab insert space visual studio code replace tab with spaces visual studio code tab space 4 visual studio code replace tab with space visual studio code tab as space visual studio code show tab and space visual studio code replace tab by space visual studio code tab space count visual studio code convert tab to space visual studio code spaces for tabs visual studio code space instead of tab visual studio code tab not space visual studio code tab no space visual studio code tab space key visual studio code tab or space visual studio code convert tabs to spaces on save visual studio code tab space html visual studio code tab space group visual studio code tab space example visual studio code tab space examples visual studio code tab space excel visual studio code tab space markdown visual studio code tab space matlab visual studio code tab space mac visual studio code tab space latex visual studio code tab space library visual studio code tab space location visual studio code tab space list visual studio code tab space login visual studio code tab space javascript visual studio code tab space java visual studio code tab space js visual studio code tab space jar visual studio code save tabs as spaces change visual studio code tab spaces visual studio code tab space query visual studio code tab space queue visual studio code use tab not space visual studio code tab vs space visual studio code tab to space visual studio code tab with spaces visual studio code tab space xml visual studio code tab space xp visual studio code tab space year visual studio code tab space youtube visual studio code show space and tab change tab space visual studio code visual studio code tab space zip visual studio code tab space zoom set tab space in visual studio code replace tab with space in visual studio code show space and tab in visual studio code how to change tab space in visual studio code show tab space visual studio code visual studio code tab size visual studio code tab not working visual studio code tab to spaces visual studio code tab left visual studio code tab switch visual studio code tab completion visual studio code tab selection visual studio code tab not indenting visual studio code tab lines visual studio code tab rows visual studio code tab as spaces visual studio code tab autocomplete visual studio code tab all lines visual studio code tab align visual studio code tab autocomplete not working visual studio code auto tab visual studio code active tab color visual studio code alt tab visual studio code analysis tab missing visual studio code add tab visual studio code tab backwards visual studio code tab block visual studio code tab behavior visual studio code tab bar visual studio code tab button visual studio code browser tab visual studio code tab full screen visual studio code visual studio code file tab size visual studio code force tab size visual studio code file tab visual studio code tab moves focus visual studio code tab size for file type visual studio code javascript tab size visual studio code tab height visual studio code tab html visual studio code hide tab lines visual studio code highlight unsaved tab visual studio code tab indent visual studio code tab in new window visual studio code tab indent not working visual studio code tab is not wor visual studio code tab styles visual studio code tab style android visual studio code tab style bootstrap visual studio code tab style css visual studio code tab style change visual studio code tab style firefox visual studio code tab style file visual studio code tab style guide visual studio code tab style inspiration visual studio code tab style date visual studio code tab style example visual studio code tab style examples visual studio code tab style editor visual studio code tab style html visual studio code tab style key visual studio code tab style keyboard visual studio code tab style javascript visual studio code tab style java visual studio code tab style js visual studio code tab style jquery visual studio code tab style not working visual studio code tab style name visual studio code tab style library visual studio code tab style list visual studio code tab style location visual studio code tab style reference visual studio code tab style queue visual studio code tab style query visual studio code tab style text visual studio code tab style template visual studio code tab style update visual studio code tab style valances visual studio code tab style view visual studio code tab style width visual studio code tab style xml visual studio code tab style zip visual studio code tab style zoom visual studio code tab style youtube visual studio code tab style options visual studio code tab style option
Views: 281 T3SO Tutorials
Making Sublime Awesome: Color Scheme (3/13)
 
01:01
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 22228 Codecourse
Atom Settings
 
07:52
CORE SETTINGS -------------- 1. Allow Pending Pane Items 2. Ignored Names 3. Warn On Large File Limit EDITOR ------- 1. Font Family - Fira Mono, Source Code Pro, Consolas 2. Font Size - 17-20 3. Show Indent Guide 4. Tab Type 4. Scroll Past End -------------------------------------------------------- -------------------------------------------------------- PACKAGE -------------------------------------------------------- -------------------------------------------------------- 1. Autocomplete-plus 2. Markdown Preview - CTRL + ALT + M 3. Tree-view -------------------------------------------------------- -------------------------------------------------------- THEMES -------------------------------------------------------- -------------------------------------------------------- 1. Font Size - 13 2. Layout Mode 3. Install Like, comment, share & subscribe
Views: 4299 Eco Tech Club [ETC]
Making Sublime Awesome: Modifying the color scheme (4/13)
 
01:23
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 15065 Codecourse
Sublime Text 2 - Find and Replace
 
04:56
command+shift+F will save you a lot of time. It's Find and Replace with Sublime Text 2. Music: "Hare vs. Tortoise" by Sycamore Drive http://freemusicarchive.org/music/Sycamore_Drive/
Views: 13187 John Hartley
Making Sublime Awesome: The perfect font (6/13)
 
00:57
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 17285 Codecourse
Sublime Text Tutorials #19 - How To Use SublimeLinter 3
 
10:39
The 19th video in the Sublime Text Tutorials series. Here we show you how to install Sublime Linter 3 and add a JSHint Linter. For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations
Views: 88887 LevelUpTuts
Making Sublime Awesome: EditorConfig (13/13)
 
03:02
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 10245 Codecourse
Atom Editor Tutorials #5 - Installing & Adding UI Themes
 
05:35
In this Atom Editor Tutorial, I show you how to install and change your UI theme. Subscribe for more free tutorials https://goo.gl/6ljoFc Purchase this series for early access: https://goo.gl/MXOz56 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Atom is a text editor that's modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching a config file.
Views: 57754 LevelUpTuts
Making Sublime Awesome: Twig package (10/13)
 
01:29
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 9130 Codecourse
How to change color & font size in Pycharm
 
01:37
pycharm font, pycharm font size, pycharm font size shortcut, pycharm font color, pycharm font size change, pycharm font settings, pycharm increase font size, pycharm change font size pycharm color schemes, pycharm color schemes import, pycharm color themes, pycharm color change, pycharm background color, pycharm change background color, pycharm change color theme pycharm color pycharm color schemes pycharm color schemes python pycharm color picker pycharm color settings pycharm color schemes sublime pycharm color schemes import pycharm colorama pycharm color variables pycharm color output pycharm color schemes atom pycharm color codes pycharm color blind pycharm color console pycharm color scheme location pycharm color scheme not working pycharm color meaning pycharm add color scheme pycharm background color pycharm best color scheme pycharm background color black pycharm terminal background color pycharm scroll bar color pycharm project background color pycharm change editor background color pycharm line number background color pycharm set editor background color pycharm color comments pycharm change color scheme pycharm cursor color pycharm css color pycharm change color of comments pycharm custom color schemes pycharm class color pycharm configure color scheme pycharm dark color schemes pycharm default color scheme pycharm download color schemes pycharm color theme download pycharm debug color pycharm color editor pycharm editor color schemes pycharm import color scheme pycharm community edition color scheme pycharm color font pycharm color files pycharm function color pycharm filename color pycharm folder color pycharm file colours pycharm color of file name pycharm file color change pycharm terminal font color pycharm code folding color pycharm git color pycharm gutter color pycharm color scheme github pycharm color theme github pycharm indent guides color pycharm highlight color pycharm set highlight color pycharm color ide pycharm install color theme pycharm import color pycharm ide color scheme pycharm change ide color pycharm print in color pycharm javascript color pycharm keyword color pycharm color log pycharm light color scheme pycharm load color scheme pycharm current line color pycharm method color pycharm menu color pycharm no color pycharm notebook color pycharm line number color pycharm jupyter notebook color pycharm file name color pycharm ipython notebook color pycharm variable name color pycharm change color of terminal pycharm console output color pycharm color print pycharm python color scheme pycharm python color pycharm python color theme pycharm reset color scheme pycharm run colors pycharm color schemes install pycharm color themes pycharm terminal color pycharm text color pycharm tab color pycharm todo color pycharm change color theme pycharm import color theme pycharm ui color pycharm highlight usages color pycharm vcs colors pycharm change variable color pycharm project view color pycharm python change variable color pycharm window color pycharm warning color pycharm project window color pycharm change window color pycharm run window color
Views: 45382 T3SO Tutorials
Atom Editor Tutorials #4 - Installing and Changing Color Schemes
 
05:49
In this Atom Editor Tutorial, I show you how to install and change your color or syntax theme. Subscribe for more free tutorials https://goo.gl/6ljoFc Purchase this series for early access: https://goo.gl/MXOz56 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Atom is a text editor that's modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching a config file.
Views: 71194 LevelUpTuts
Sublime Text 3 Tutorial - How to Use Sublime Text 3 Efficiently
 
08:54
Learn more advanced front-end and full-stack development at: https://www.fullstackacademy.com In this video, Jansen Li talks about the different Sublime themes, plugins, settings and shortcuts. You learn about how to change your color scheme to improve how you see your code. You will also learn about the must have plugins for Sublime Text. Don't forget about the Sublime shortcuts that will allow you to write your code faster! This Sublime Text 3 Tutorial is great for beginners who just started using Sublime Text, but it will also provide old users work-flow tricks that never seen before.
Views: 38447 Fullstack Academy
How to Change Indentation Mode in Atom Editor
 
06:30
How to Change Indentation Mode in Atom Editor Auto indent code in Atom editor Python Indentation number of spaces used to represent a tab a) Default text indentation tab length width ~/.atom/config.cson editor: tabLength: 4 b) python file indentation tab length width ~/.atom/config.cson ".python.regexp.source": ----- need language-python package editor: tabLength: 8 ".python.source": editor: tabLength: 8 Python Tutorials : https://www.facebook.com/PythonTutorials/ Please Like this Page to get Latest Python, Machine Learning and Artificial intelligence Tutorials If you enjoy these videos and would like to support my channel, I would greatly appreciate any assistance. https://www.paypal.me/tutorialdonation
Views: 2797 OSPY
1.2: My Workflow - Programming with Text
 
07:50
In this video, I demonstrate the tools that I use in my coding environment for this course. There are many alternatives to this particular setup, but in case you are at a loss for what to use, here's a reasonable option. The tools I am showing you (node.js, atom, p5.js) are free. Next Video: https://youtu.be/uNQSVU0IKec Introduction to Programming from A to Z: http://shiffman.net/a2z/intro/ Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: https://twitter.com/shiffman GitHub Repo with all the info for Programming from A to Z: https://github.com/shiffman/A2Z-F16 Links to Technologies mentioned in this video: Node.js: https://nodejs.org/ Atom Code Editor: https://atom.io/ Atom Beautify: https://atom.io/packages/atom-beautify Atom Live-Server: https://atom.io/packages/atom-live-server NPM: https://www.npmjs.com/ p5.js: http://p5js.org/ CodePen: http://codepen.io/ Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code p5.js: https://p5js.org/ Processing: https://processing.org For More Programming from A to Z videos: https://www.youtube.com/user/shiffman/playlists?shelf_id=11&view=50&sort=dd For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH Help us caption & translate this video! http://amara.org/v/V9bq/
Views: 68453 The Coding Train
How to setup CodeMirror - step by step guide | CodeMirror #01
 
12:40
In this tutorial we will learn to setup CodeMirror, a versatile text editor. TUTORIAL LINK: https://www.dyclassroom.com/codemirror/how-to-setup-codemirror DYclassroom HTML Editor using CodeMirror: https://www.dyclassroom.com/html-editor GitHub: https://github.com/yusufshakeel/Web-App/tree/master/codemirror Next video: How to get value of CodeMirror text editor. https://youtu.be/MwNgPOmOxW0 Requirements: 1. Basic knowledge of HTML, CSS, JavaScript and jQuery 2. Any one of the text editor like Sublime Text, Atom, Brackets or IDE like eclipse 3. Web Browser like Chrome or Firefox 4. CodeMirror files 5. jQuery file Links CodeMirror: http://codemirror.net/ jQuery: https://jquery.com/ SublimeText: https://www.sublimetext.com/ Atom: https://atom.io/ Brackets: http://brackets.io/ eclipse: https://eclipse.org/ Tell me which video should I make in the comments :-) Find me on facebook https://www.facebook.com/yusufshakeel twitter https://twitter.com/yusufshakeel google+ https://plus.google.com/+YusufShakeel pinterest https://www.pinterest.com/yusufshakeel website http://www.yusufshakeel.com DYclassroom https://www.dyclassroom.com Algorithm Playlist https://www.youtube.com/playlist?list=PLG6ePePp5vvYVEjRanyndt7ZSqTzillom Data Structure Playlist https://www.youtube.com/playlist?list=PLG6ePePp5vvbSpe0TuFxRwC6YT66Ty8Vx Floyd's Algorithm https://www.youtube.com/watch?v=X6n30V6qCWU Heap Sort https://www.youtube.com/watch?v=51JGP4VVlDc Quick Sort https://www.youtube.com/watch?v=3OLTJlwyIqQ Radix Sort https://www.youtube.com/watch?v=YXFI4osELGU Shell Sort https://www.youtube.com/watch?v=SCBf7aqKQEY Counting Sort https://www.youtube.com/watch?v=TTnvXY82dtM if you find my videos interesting and enjoy watching them then please give a thumbs up, share and subscribe my channel and comment. click the following link to subscribe my channel https://www.youtube.com/user/yusufshakeel?sub_confirmation=1 thanks for watching see you in the next video stay happy and keep smiling :-)
Views: 18057 Yusuf Shakeel
Sublime vs Atom. Part 3 - Multi cursor
 
01:28
http://maxazan.com/
Views: 414 Maksym Pomazan
Atom Editor Tutorials #2 - Atom Settings & Preferences
 
06:35
In this Atom Editor Tutorial, I explore and talk about Atom's preferences menus. Subscribe for more free tutorials https://goo.gl/6ljoFc Purchase this series for early access: https://goo.gl/MXOz56 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Atom is a text editor that's modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching a config file.
Views: 124642 LevelUpTuts
Setting Sublime Text up For Laravel Blade
 
09:18
It is easy to install a few quick plugins to get Sublime Text to work well with Laravel and Blade. In this tutorial, we will install package control which manages "plugins" for sublime text and then we will quickly install two handy plugins that help us work with Blade even more. If you are new to Laravel, please check out this incredible tutorial series designed for complete beginners. It is the most comprehensive guide for beginner Laravel users out there! BEGINNERS GUIDE SERIES TO LARAVEL: https://www.youtube.com/playlist?list=PLwAKR305CRO-Q90J---jXVzbOd4CDRbVx Don't forget to SUBSCRIBE to get more updates and show your support.
Views: 37267 DevMarketer
Atom Editor Tutorials #12 - Highlight Selected
 
02:57
In this Atom Editor Tutorial, I show you how to highlight the selected word in Atom. Subscribe for more free tutorials https://goo.gl/6ljoFc Purchase this series for early access: https://goo.gl/MXOz56 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Atom is a text editor that's modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching a config file.
Views: 21609 LevelUpTuts
How To Auto Format Visual Studio Code
 
00:26
3 Steps to Format Your VS code... 1) Open Visual Studio.. 2) Press ( Ctrl+A ) to select All The Code... 3) Press ( Ctrl + K + F ) to Format / Arrange the code.. Thanks For Watching.. Do you like the open brace on a new line or right after the parameter/class declaration? There's a good way to start an argument between programmers! Well the great thing is in Visual Studio you can set the formatting options to do it the way YOU want! Then use the keyboard shortcut CTRL+K+F to reformat anything you already coded. YOU decide how you want your code formatted! please Subscribe to our Channel....! Like us on FB : https://www.facebook.com/Age-Of-IT-416445455434942/ Join our facebook group: https://www.facebook.com/groups/177874066270658/
Views: 2757 Age Of IT
Auto Indent & Auto format in NetBeans
 
02:36
netbeans auto indent netbeans auto indent code netbeans auto indent php netbeans auto indent html netbeans auto indent tab netbeans auto indent disable netbeans auto indent hotkey netbeans ide auto indent netbeans turn off auto indent auto indentar netbeans netbeans auto indent shortcut netbeans automatic indent netbeans how to auto indent auto indent in netbeans auto indent code in netbeans java netbeans auto indent netbeans auto indent macauto indent, auto indent in notepad++, auto indent visual studio code, auto indent sublime text 3, auto indent visual studio, auto indent sublime, auto indent atom, auto indent atom python, auto indentation sublime text, auto indent google docs, auto indent vim, auto indent bullets word 2013, auto indent eclipse, auto indent in eclipse shortcut, auto indent brackets, auto indent plugin notepad++, auto indent python notepad++, auto indent pycharm, auto indent code in atom, auto indent clion, auto indent html in notepad++, auto indent in visual studio code, auto indent in sublime text 3, auto indent in atom, auto indent in vim, auto indent in sublime, auto indent in brackets, auto indent in visual studio 2015, auto indent in visual studio, auto indent meaning, auto indent notepad++, auto indent sublime 3, auto indent visual studio 2017, visual studio auto indent, auto indent vscode, auto indent visual studio mac, webstorm auto indent, sublime text 3 auto indent auto indent auto indent visual studio auto indent notepad++ auto indent sublime auto indent vim auto indent eclipse auto indent visual studio code auto indent atom auto indent intellij auto indent html auto indent pycharm auto indent matlab auto indent xcode auto indent android studio auto indent arduino auto indent atom mac auto indent atom python auto indent aspx visual studio auto indent atmel studio auto indent aptana auto indent atom html vim auto indent all auto indent brackets auto indent bullets word 2013 auto indent bash script auto indent bullets word 2010 auto indent bluefish auto indent bbedit auto indent code blocks vim auto indent block word auto indent bullets notepad++ auto indent braces auto indent code auto indent code online auto indent c++ auto indent css auto indent clion auto indent c code auto indent code vscode auto indent code visual studio auto indent code notepad++ vim c auto indent c sharp auto indent notepad++ c auto indent emacs c auto indent sublime text c auto indent auto indent c code vim emacs c-mode auto indent dev c auto indent auto indent dreamweaver auto indent dreamweaver cc auto indent dev c++ auto indent dreamweaver cs6 auto indent sql developer vim auto indent doesn't work emacs auto indent disable vim auto indent disable eclipse auto indent disable intellij auto indent disable auto indent emacs auto indent eclipse mac auto indent eclipse shortcut auto indent excel auto indent excel vba auto indent eclipse java auto indent eslint auto indent emmet auto indent eclipse mars auto indent file vim auto indent file atom auto indent for notepad++ auto indent for python auto indent file auto indent fortran code auto indent for atom auto indent file intellij auto indent for sublime auto indent file sublime f# auto indent auto indent google docs auto indent gedit auto indent html sublime auto indent html visual studio auto indent html notepad++ auto indent html atom auto indent html vim auto indent html visual studio code auto indent html sublime text 3 auto indent html in brackets auto-indent html source in notepad++ auto indent in visual studio auto indent in sublime auto indent in notepad++ auto indent in eclipse auto indent in atom auto indent in vim auto indent in visual studio code auto indent in pycharm auto indent in word auto indent json auto indent java auto indent javascript auto indent jupyter notebook auto indent javascript sublime auto indent json sublime auto indent java eclipse auto indent json notepad++ auto indent java online auto indent json atom auto indent komodo edit auto indent keil auto indent kate auto indent kdevelop auto indent key binding atom atom auto indent keyboard shortcut xcode auto indent key sublime auto indent key vim auto indent key visual studio auto indent key auto indent latex auto indent latex code auto indent linux auto indent lines auto indent lines visual studio auto indent lua auto indent lines android studio auto indent lines sublime text intellij auto indent lines remove auto indent latex auto indent meaning auto indent monodevelop auto indent microsoft visual studio auto indent microsoft word auto indent mysql
Views: 1970 T3SO Tutorials
Atom Jade & Color Chooser
 
04:22
atom-jade - Needed for jade language support color-picker - CTRL + ALT + C Like, comment, share & subscribe
Views: 1224 Eco Tech Club [ETC]
Atom - Enable Line Wrapping
 
01:43
This guide will show you how to enable line wrapping in Atom. Make sure to like, comment, and subscribe for more great videos. If you would like to see something specific please comment below! Software Name: Atom Software Version: 1.19.3 Software Website: https://atom.io/ Operating System Used: Windows 10 Music Provided by NoCopyrightSounds for Intro: Culture Code & Regoton ft. Jonny Rose - Waking Up: https://www.youtube.com/watch?v=QMxUCfGiZ9Q Culture Code: https://soundcloud.com/culturecode Regoton: https://soundcloud.com/regoton Jonny Rose: https://soundcloud.com/jonnyrose
Views: 995 Digi Dank
6. Atom Bootstrap Support & Live Preview
 
06:28
- Theme - Font Size - Welcome Window & Telemetry -------------------------------------------------------- -------------------------------------------------------- INTERFACE -------------------------------------------------------- -------------------------------------------------------- Editor - Syntax Highlighting - Tab Completion - Autocompletion - CTRL + Mouse Scroll - Web Technologies Sidebar - Git supoort by filename color - Context Menu Support Status Bar - Git Support - Changing Default Settings - Misc Toggle Menu Full Screen Screen Split Tab Change on Mouse Scroll - Working in Linux Notifications Developers Tools Stylesheet -------------------------------------------------------- -------------------------------------------------------- MAIN KEYBOARD SHORTCUTS -------------------------------------------------------- -------------------------------------------------------- CTRL + SHIFT + P - Toggle Atom Command Palette Fuzzy File Finder - CTRL + P / CTRL + T CTRL + , - Open Settings CTRL + N - New File CTRL + W - Close Current File CTRL + SHIFT + T - Open Recently Closed F11 - Full Screen CTRL + \ - Toggle Sidebar CTRL + G - Jump To Line Number CTRL + SHIFT + I - Developers Tools CTRL + } - Change Indent Level CTRL + { - Change Indent Level -------------------------------------------------------- -------------------------------------------------------- CORE SETTINGS -------------------------------------------------------- -------------------------------------------------------- 1. Allow Pending Pane Items 2. Ignored Names 3. Warn On Large File Limit -------------------------------------------------------- -------------------------------------------------------- EDITOR -------------------------------------------------------- -------------------------------------------------------- 1. Font Family - Fira Mono, Source Code Pro, Consolas 2. Font Size - 17-20 3. Show Indent Guide 4. Tab Type 4. Scroll Past End -------------------------------------------------------- -------------------------------------------------------- PACKAGE -------------------------------------------------------- -------------------------------------------------------- 1. Autocomplete-plus 2. Markdown Preview - CTRL + ALT + M 3. Tree-view -------------------------------------------------------- -------------------------------------------------------- THEMES -------------------------------------------------------- -------------------------------------------------------- 1. Font Size - 13 2. Layout Mode 3. Install -------------------------------------------------------- -------------------------------------------------------- INSTALL -------------------------------------------------------- -------------------------------------------------------- Theme / Package 1. Minimap Installation Command Line apm install - for installation of packages apm clean - for cache removing apm disable - disable package apm install atom-beautify atom-bootstrap4 atom-html-preview atom-jade atom-ternjs color-picker emmet file-icons jade-autocompile language-pug linter linter-jshint linter-sass-lint pigments platformio-ide-terminal split-diff apm install atom-clock sass-autocompile atom-beautify - NOTE: Doesn't works on many languages because of dependency atom-bootstrap4 atom-html-preview - CTRL + SHIFT + H atom-jade - Needed for jade language support atom-ternjs - Must have for java developers color-picker - CTRL + ALT + C emmet - Best plugin for web developers file-icons jade-autocompile language-pug linter linter-jshint linter-sass-hint pigments platformio-ide-terminal - CTRL + ` - Command line in atom - Nodejs - sass, jade/pug autocompile - php server from command line - task automation sass-autocompile split-diff Speed Issue Jade/Pug Sass git Nodejs bootstrap github markdown server-side scripting Like, comment, share & subscribe
Views: 17271 Eco Tech Club [ETC]
Use ESLint and JSBeautify with Atom and Sublime Text
 
03:56
Repo: https://github.com/GreenGlobalDevs/node-style-guide ESLint and JSBeautify are the node.js packages that provide needed engine to check and format code. Primitively, they only have command line interface. But people can build GUI for them - in the format of plugins run on the source code editors like Atom and Sublime Text. In order to install ESLint and JSBeautify, you must have node.js already. For more info, please refer: https://goo.gl/DbUkgV
Views: 10891 Dong Nguyen
Useful Notepad++ Plugins Tutorial
 
09:37
Useful Notepad++ Plugins Tutorial Notepad++ (Notepad Plus Plus) is one of the most popular text/code editor for Windows users. You can extend Notepad++ by installing plugins. The beauty of the Notepad++ extension is that it allows you to add a specific feature or function, fully customizing your working experience. Here are some useful plugins to save time while working : - Explorer Plugin - Auto Save Plugin - Multi-Clipboard Plugin - Compare Plugin 🌸 Support channel & make donation : https://www.paypal.me/aminenina/5 🌸 Subscribe for more videos : Youtube: https://www.youtube.com/user/aminosni... 🌸 Follow me On Social Media Facebook : https://www.facebook.com/aminosninatos/ *********************************************************************** 🌸 Notepad++ tips and tricks https://youtu.be/PzjPu5F9K9Y 🌸 Useful Notepad++ Plugins Tutorial https://youtu.be/E_htKiQgKO0 🌸 Notepad++ Multi-editing and Selection Tutorial https://youtu.be/QbJ6R735NjY 🌸 Notepad++ Bookmarks Tutorial https://youtu.be/uD2DMzFpHqk 🌸 Notepad++ Find In Files Tutorial https://youtu.be/cTj4WOVjYhQ 🌸 Notepad++ : How to remove all lines containing a specific string text https://youtu.be/SiPLZzRqEwM 🌸 Notepad++ : How to encrypt selected text and entire text using NppCrypt https://youtu.be/L9BaS--yUKM 🌸 How To Remove Duplicate Lines with Notepad++ https://youtu.be/gYMOsLuEopw 🌸 Notepad++ Monitor Log or Text File Changes in Real Time https://youtu.be/abViXdBqNCQ 🌸 Notepad++ - How To Add Text at Start and End of Each Line https://youtu.be/lH8Gkyl1mfg 🌸 Notepad++ How to Remove all XML or HTML tags https://youtu.be/XINqYcOVmGw 🌸 Notepad++ How to use Incremental Search https://youtu.be/Q9KCbe-JohY 🌸 Notepad++ How To Insert Incrementing Numbers https://youtu.be/_4PQ1ZLxYk0 🌸 How To Use Notepad++ As A Hex Editor https://youtu.be/_f1PDl1TynE 🌸 Notepad++ How To Insert A String Or A Number To Every Line https://youtu.be/9R0LDKCw6XI 🌸 How To Format And Validate An XML File Using Notepad++ https://youtu.be/kHtk_dUlt6Y ***********************************************************************
Views: 95119 Liv4IT
How to install SubLime Text Editor | BEST TEXT EDITOR EVER | With LICENSE || mr_it
 
02:23
Sublime Text is a proprietary cross-platform source code editor with a Python application programming interface (API). It natively supports many programming languages and markup languages, and functions can be added by users with plugins, typically community-built and maintained under free-software licenses. Features The following is a list of features of Sublime Text:[3] "Goto Anything," quick navigation to files, symbols, or lines "Command palette" uses adaptive matching for quick keyboard invocation of arbitrary commands Simultaneous editing: simultaneously make the same interactive changes to multiple selected areas Python-based plugin API Project-specific preferences Extensive customizability via JSON settings files, including project-specific and platform-specific settings Cross-platform (Windows, macOS, and Linux) and Supportive Plugins for cross-platform. Compatible with many language grammars from TextMate Features Column selection and multi-select editing This feature allows users to select entire columns at once or place more than one cursor in text, which allows for simultaneous editing. All cursors then behave as if each of them was the only one in the text. Commands like move by character, move by line, text selection, move by words, move by subwords (CamelCase, hyphen or underscore delimited), move to beginning/end of line, etc., affect all cursors independently, allowing one to edit slightly complex repetitive structures quickly without the need to use macros or regex.[6] Auto completion Sublime Text will offer to complete entries as the user is typing depending on the language being used. It also auto-completes variables created by the user. Syntax highlight and high contrast display The dark background on Sublime Text is intended to reduce eyestrain and increase the amount of contrast with the text.[citation needed] In-editor code building This feature allows users to run code for certain languages from within the editor, which eliminates the need to switch out to the command line and back again. This function can also be set to build the code automatically every time the file is saved.[clarification needed] Snippets This feature allows users to save blocks of frequently used code and assign keywords to them. The user can then type the keyword and press tab to paste the block of code whenever they require it. Goto anything This feature is a tool that allows users to switch between open, recent or project files and also navigate to symbols within them.[7][clarification needed] Other features Sublime Text has a number of features in addition to these including:[8] Auto-save, which attempts to prevent users from losing their work Customizable key bindings, a navigational tool which allows users to assign hotkeys to their choice of options in both the menus and the toolbar. Find as you type, begins to look for the text being entered as the user types without requiring a separate dialog box. Spell check function corrects as you type. Macros. Repeat the last action. A wide selection of editing commands, including indenting and unindenting, paragraph reformatting and line joining. Package manager. COMMENT BELOW FOR THE WORKING LIcENsE THANK U
Views: 49 mr_it
Codemirror Tutorial - Part 4: Enable Line Number
 
01:00
This tutorial will show you how to use enable line number in Codemirror. Also a couple demo of other options such as changing tab size and starting line number Codemirror: http://codemirror.net/ Example Code: https://gist.github.com/theredstapler/310024e4b3d5124f7e1edb1ba9dcec34
Views: 5024 Red Stapler
Sublime Text Plugins, Totally Tooling Tips (S1, Ep1)
 
05:54
The minute you start developing a site, the first tool you’ll use is a text editor, whether it’s as simple as notepad or a full-blown IDE. In this episode, Addy & Matt look at their collection of plugins for Sublime Text and discuss how each one helps with their workflow. To find more Totally tooling tips and to read more about Sublime plugins visit: https://developers.google.com/web/shows/ttt/series-1/sublime-text-plugins Learn more on TTT site: https://developers.google.com/web/shows/ttt/index Subscribe by email: https://feedburner.google.com/fb/a/mailverify?uri=TotallyToolingTips&loc=en_US RSS feed: https://developers.google.com/web/shows/ttt/feed.xml Watch more great Totally Tooling Tips here: https://goo.gl/vIyImu Subscribe to the Google Developers channel at: http://goo.gl/mQyv5L
Views: 92480 Google Developers
VS Code Tips: Highlighted Indent Guides
 
00:18
Get a better view of where brackets/braces start and end with indent guide highlighting in VS Code. Full Details 👉https://aka.ms/Qupkz4
Views: 4817 Brian Clark
👨‍💻 HOW TO REMOVE VERTICAL LINE IN ATOM EDITOR 👨‍💻 (UPDATED 2019)
 
00:50
(NEW) Learn how to REMOVE the annoying vertical / center line in the Atom text editor in less then 1 minute! 💰 https://host.promo What is Atom? Wikipedia: "Atom is a free and open-source text and source code editor for macOS, Linux, and Microsoft Windows with support for plug-ins written in Node.js, and embedded Git Control, developed by GitHub. Atom is a desktop application built using web technologies. Most of the extending packages have free software licenses and are community-built and maintained. Atom is based on Electron (formerly known as Atom Shell), a framework that enables cross-platform desktop applications using Chromium and Node.js. It is written in CoffeeScript and Less. It was able to be used as an integrated development environment (IDE), until that feature was 'retired' in December 2018. Atom was released from beta, as version 1.0, on 25 June 2015. Its developers call it a "hackable text editor for the 21st Century"." https://en.wikipedia.org/wiki/Atom_(text_editor) What is Host.Promo? HostPromo provides the best promotions, insights, and analytics on hosting companies and platforms. The platform is free to use and designed to save you a ton of money! Save your heard earned money and spend it on something other then web hosting! Promotions, analytics, and data are updated daily on HostPromo! 👉🏼 Website Home: https://host.promo/ 👉🏼 Best Host Deal: https://host.promo/hosts/best-deal 👉🏼 Host Promo Vlog: https://host.promo/vlog 🤑 Follow HostPromo on social media! 🤑 💎 Twitter: https://twitter.com/HostDotPromo 💎 Medium: https://medium.com/@hostpromo 💎 Reddit: https://www.reddit.com/user/HostDotPromo 💎 Pinterest: https://www.pinterest.com/hostpromo/ 💎 GitLab: https://gitlab.com/HostPromo #atom #editor #git
Views: 139 Host Promo
Enable syntax highlighting and colors in nano
 
04:59
This Linux tutorial covers syntax highlighting and colors in nano including the system-wide and local nanorc files and the python.nanorc file for a language-specific example. For all code examples and video script see: https://factorpad.com/tech/full-stack/nano-syntax-highlighting.html We use touch to create a .nanorc file and make the -c option the default and point to a python.nanorc file, and edit colors there as an example. We close out with comments about nano versus a full-blown IDE and why we're starting with nano, preferring to introduce another IDE later. We also practice with commands: whatis, nano, ls, clear, mkdir and cp. Also included is our stack which includes: Debian Linux, MySQL, PostgreSQL, Python for data analysis (Pandas, NumPy, SciPy) and presentation tools for the user experience such as Matplotlib, HTML, CSS and JavaScript. For help on this playlist see: https://factorpad.com/tech/full-stack/index.html For more educational resources see: https://factorpad.com Don't lose this valuable resource, subscribe today. Happy Learning!
Views: 4152 FactorPad
2.4 Atom Editor - Getting Started - Themes
 
01:03
This is a video series on the Atom.io Editor from Github. This how to setup and use themes within Atom.
Views: 1801 Roy Martin