Easy Tutorial
Android Tutorial Drawable Tool Android Tutorial Broadcastreceiver Shell Summary Brackets Android Tutorial Xfermode Porterduff4 Awk Work Principle Csharp Init Variable Programmer Joke 14 Sql Join Image Explain Android Tutorial Webview Error Code Es6 Reflect Proxy The Last Line Effect Programmer Joke 25 Game Programmer Awk Arrays Java Polymorphism Const Char Java Annotation C Assert C Language Pointer From Five Dimensions Verilog Compile Instruction Java Sorting Algorithm Analysis And Implementation Programming Range Awk Built In Functions Linux Tar Gz State Vs Strategy Android Tutorial Service 1 Bucket Sort Code God Annotation Appreciation Css Position Static Relative Absolute Fixed Android Tutorial Button Imagebutton Javascript Console Object Android Tutorial View Viewgroup Intro Programmer Joke 21 Nodejs Callback Func Eclipse Shortcuts Java Inner Class Intro Android Tutorial Edittext Java Protected Keyword Detailed Explanation Programmer Facial Package Summary Android Tutorial Sensor2 Android Tutorial Touchlistener Ontouchevent Php Namespace Intro Redis Intro Data Structure C Get Keycode Python Openssl Vulnerability Scanning Verilog2 Udp Logic Android Tutorial Exercise 2 Zookeeper Setup Python Docstrings Es6 Concise Tutorial Insertion Sort Best Python Ide For Developers Python Append Deepcopy Php Rounding Js Random Python Spider Intro Verilog2 Rtl Low Power Design 2 Verilog Fir Verilog Install Perl Output Chinese Warning This Program Uses Gets Which Is Unsafe Android Tutorial Handler Message Android Tutorial Sqlite 2 Zookeeper Bs Command Android Tutorial Canvas Api2 React Click Event Bind Localstorage Spec Css Nowrap Break Word Verilog2 Specify Prints Diamonds Triangles Rectangles Moible Web Front Source Android Tutorial Alarmmanager Funny Programmer Pictures Android Tutorial Json Decimal Decimals Are Converted To Binary Fractions Android Tutorial Project Src Analysis Es6 String Hdfs Cluster Html5 Canvas Zrender Cpp Header Cpp Vector Container Analysis Awk If Loop Android Tutorial Webview Cache Android Tutorial Popupwindow Verilog2 Gate Rsa Basic Idea Android Tutorial Httpurlconnection Sql Different On And Where Google Python Styleguide Verilog2 Tf Android Tutorial Intent Base Hadoop Tutorial C Volatile Keyword Npm Slow Use Cnpm Verilog Function Openresty Intro Javascript Qrcodejs Library Python Complex Intro Android Tutorial Valueanimator Verilog Process Structure Centos Mail Command Sendmail Verilog Numerical Conversion Structure Variables And Structure Types All Vim Cheatsheat Android Tutorial Baseadapter Python Variable References And Copies Android Tutorial Typeface Js Filter Lists Strlen And Sizeof Git Guide Javascript Basic Types And Reference Types Programming En Cn Javascript Number Capitalization Lua Table Length Analysis Android Tutorial Gridlayout Js Get Current Page Url Android Tutorial Fragment Demo4 Android Tutorial Listener Edittext Change Bit Operation Linux Common Command 2 Csharp Foreach Javascript Find Min Max Android Tutorial Socket1 Android Tutorial Contentprovider 2 Programmer 520 Cpp Difference Between Pointers And References Nginx Setup Intro Ssh Slow Verilog2 Real2Int Python Unboundlocalerror Android Tutorial Activity Js Timer Css Calendar Style Javascript Remove Array Item 2021 Frontend Learnpath Express 4 X Api Android Tutorial Shader Cloud Atlas Engineer Skills Es6 Setup Android Tutorial Drawable2 Find The Best Language Rogramming Languages Used In Most Popular Websites Http Vs Https Linux Shutdown Reboot Python Locals Globals Android Tutorial Radiobutton Checkbox Remainder And The Modulo Javascript Table Search Filter Programmer Joke 18 Javascript Var And Without Var Java Swing Demo Intro Android Tutorial Git Repo Create Es6 Tutorial Android Tutorial Webview Attention Verilog2 Codeguide Android Tutorial Togglebutton Switch Cpp Inline Usage Js Jquery Refresh Iframe Verilog2 Lower Power Design Android Tutorial Sqlite Intro Search Websites Recommand Javascript Image Modal Index Android Tutorial Upload File Android Tutorial Fragment Demo1 Zookeeper Node Feature Cpp Two Colon Usage Verilog2 Timing Check What Is A Virtual Method Intelligent Dev Ops Android Service Tutorial Docker Use Container Create Image Delegate Mode Android Tutorial Git Repo Operate Set Ssh Login Key Verilog Defparam Verilog2 Clock Linux Mysql Import Export Data Programmer Without Network Deconstruction Assignment Python Yield Used Analysis Android Tutorial Relativelayout Javascript Check Null Undefined Android Tutorial Activity Start Android Tutorial Notification Java String And Int Convert Php Develop Tools Python Redis Intro Android Tutorial Smsmanager Android Tutorial Fragment Demo5 Fastjson Intro Coreos Setup Pc Zookeeper Leader Quick Sort Android Tutorial Alertdialog Javascript Autocomplete Detect Empty Javascript Object C Array As Parameter Vue2 Start Coding Verilog Design Method Android Tutorial Interface Design Verilog2 Reset Php Delete An Element From An Array Android Tutorial Fragment Base The Different Of Jre And Jdk Android Tutorial Gridview Verilog Time Delay Database Implementation Svn Co Github Dir Android Tutorial Drawable3 Html Online Editor Zookeeper Tutorial Linux Shell Brackets Features Android Tutorial Ratingbar Es6 Array Programmer Joke 19 Python 5 Underline Android Tutorial Date Time 2 Shell Quick Start Ten Sorting Algorithm Es6 Class Java The Different Float Double Android Tutorial Textview Android Tutorial Socket Intro Android Tutorial Colorfilter1 Verilog2 Integrated Design Website Reward Button While Explain Programmer Alive Radix Sort Verilog2 Sdf Android Tutorial Download1 Cpp Func Setw Android Tutorial Listview Programmer Joke 15 Lets Encrypt Https Android Tutorial Xfermode Porterduff5 Google Chrome Shortcuts 10 Best Program Html Import Css Method Android Tutorial System Architecture Analysis Http X Forwarded For Programmer Joke 24 Android Tutorial Intent Pass Data Java Init Object Process Js Debugging Skills Redis External Network Android Tutorial Alphaanimation Android Tutorial Gestures Android Tutorial Vibrator Android Tutorial Tablelayout Octotree Github Repo C Void Intro Python Subprocess Basic Knowledge Summary Of Spring Cpp Virtual Functions Docker Clear Command Px Em Rem Different Runoob Tool Update Desc Zabbix Monitor Snmptrap Verilog2 Acc Python String Index Viewport Deep Understanding Android Tutorial Ansynctask Programmer Joke 20 Verilog Dds Linux Command Full Fight Es6 Module Javascript Or And And Android Tutorial Mediaplayer Css Search Bar Js Sort List Android Tutorial Sensor3 Npm Switch Repo Android Tutorial Exercise 3 Nvm Manager Node Versions Zookeeper Watcher Android Tutorial Broadcastreceiver 2 Verilog Number Android Tutorial Xml Android Tutorial Animation Php Session Login Android Tutorial Listview Update Php Different Include And Require Working Process Of The Compiler Builder Pattern Android Tutorial Bitmap1 Hadoop Skills Android Tutorial Adapter Android Tutorial Wallpapermanager Scrapy Detail Python Single Thread Multi Thread And Multi Process Verilog Loop How To Make Your Code Self Documenting Cpp Keyword Intro Mysql Different Nnodb Myisam Java Varargs Parameter 9Patch 9 Remove Black Line Window Getcomputedstyle Method Android Tutorial Shadowlayer Verilog2 Clock Switch Android Tutorial Canvas Api3 Cpp Multithread Demo Hex Dec Oct Bin Android Tutorial Scrollview Es6 Promise Android Animationdrawable Meta Verilog2 Gate Delay Java Transient Keywords Android Tutorial Camera Linux Check Port Usage Verilog2 Codestyle Jquery Check Id Is Exists Android Tutorial Telephonymanager 8 Awesome Awk Built In Variables Java Fail Ast Fail Safe Most Popular Javascript Code Specifications Zookeeper Sc 4Lw Scala Different Function Method Verilog2 Acc Sub Java Interface And Polymorphism Android Tutorial Fragment Demo3 Ios Dev Skills Android Tutorial Contentprovider Es6 Number Front End Developer Questions And Answers Ascii Quick Sort 2 Counting Sort Node Multi Version Verilog2 Slow2Fast Android Tutorial Sharedpreferences Es6 Async Tencent Open Source Android Tutorial Windowmanager 15 Php Mind Mapping Android Tutorial Toast Verilog Dividend Verilog Serial Fir Android Tutorial Http Verilog2 Udp Verilog Fsm Android Tutorial Gps Javascript Lightbox Big Data Require Skills Pycharm Import Python Package Cpp Return Array Safety Engineer Skills Hadoop Setup Pip Cn Mirror 2018 Web Developer Shortcut Key C The Structure Of The Parameter Android Tutorial Colorfilterl2 Verilog Competition Hazard Html5 Canvas Eccharts Composer Install And Usage Android Tutorial Spinner Android Tutorial Configuration Csharp Enum Verilog Case Verilog2 Delay Type Verilog Latch Verilog Timing Control Programming Language As A Pepole Verilog Testbench Verilog Statements Block Android Tutorial Socket2 Git Gui Window Mobile Testing Skills Android Tutorial Maskfilter Git Graphical Php Phpmailer 2014 Need To Learn Zookeeper Session Cpp Func Pointer Java Print The Triangle Onreadystatechange Attribute Learn Verilog Basic Syntax Android Tutorial Drawable1 Verilog Data Type Android Tutorial Sign Package Javascript Slideshow Viewport Template C Callback Function Download Js Facade Pattern 3 Chrome Skip Git Five Minutes Tutorial Android Tutorial Progressbar Cpp Static Usage Android Tutorial Soundpool Programmer Mobile Wallpaper Do Not Ignore Web Small Details C Swap Data Android Tutorial End Android Tutorial Bitmap Demo Programmer Joke 17 Cpp Std Thread Factory Pattern C Templates Detail Verilog Module Port Chrome Password Android Tutorial Colorfilter3 Verilog Tutorial Javascript Css Accordion Css Nav Bar Android Tutorial Webview Android Tutorial Exercise 5 All Vim Cheatsheat 3 Verilog2 Other Task Zookeeper Data Sync C Int2Str Verilog Fft Windows10 Java Setup Yaml Intro Programmer Joke 26 Java Composite Pattern 2 Android Tutorial Audiomanager Python Tower Verilog2 Random Filter Filterchain Filterconfig Intro Android Tutorial Decompile Apk Get Code Resources Javascript Toolbox C Static Effect Php Learning Recommend Github Tools Android Oom Android Tutorial Customer Baseadapter Js Call Apply Bind Android Tutorial Service 2 Android Tutorial Sensor1 Python Pip Install Usage Python Round Func Note Heap Sort C Constant Pointer Runoob Architecture Programmer Joke 22 Zookeeper Acl Android Tutorial Menu Android Tutorial Activity Intro Cpp Static Const Android Tutorial Xfermode Porterduff3 Verilog Process Assign Lua Table Length Hdfs Setup Android Tutorial Exercise 1 Android Tutorial Dialog Es6 Let Const Verilog2 Rtl Low Power Design 1 Java Knowledge Structure Diagram Android Tutorial Httpclient Js Get Url Param Verilog2 Setup Hold Time Python Ten Minute Introductory Tutorial Javascript Basic Reference Object Types Cpp Construct Function Initial List Weui For Weixin Web Android Tutorial Xfermode Porterduff Verilog Cic C Structures Intro Front End Standards Android Tutorial Canvas Api1 Verilog Intro Android Tutorial Autocompletetextview Inner Lambda Final Android Tutorial Webservice Bubble Sort Restful Architecture Js Filter Table Verilog2 Pli Intro Android Tutorial Download2 Android Tutorial Callback Event Handle Programmer Joke 16 Internet Organization Github Gcc Parameter Detail Verilog Pipeline Design Python Print Func B Android Tutorial Exercise 4 Closure Intro Verilog2 File These Pain Only Programmers Know C General Function C Dynamic Array Three Tier Architecture C Pointer Detail Hadoop Intro Android Tutorial Genymotion Install Cpp Enums Intro And Strongly Typed Es6 Function Verilog2 Fast2Slow Sql Join The Different Of On And Where Android Tutorial Sensor4 Android Tutorial Layoutinflater Implementation Of Merge Sort Css Percentage Calculation Vscode Tutorial Bridge Pattern2 Programmer Joke 27 Verilog Generate Android Tutorial Imageview Front End Engineers Required Skills Verilog Task Es6 Map Set Runoob Chm 15 Sorting Algorithms Visually Displayed Verilog Sync Verilog2 Udp Timing Intellij Idea Usage Android Tutorial Listview Item Scala Option Some None Android Tutorial 9 Image Python Func Decorators Verilog2 Tutorial Javascript Copy Clipboard Mysql8 Error 1410 42000 You Are Not Allowed To Create A User With Grant Programming Error Zookeeper Linux Cluster Css En Cn Break Line Android Develop Mvp Pycharm Windows Install Code Editor Mysql Stored Procedure Shell Process Substitution Android Tutorial Service 3 Verilog2 Clock Division Python Core Knowledge System Of Programming Px Pt Em Convert Table Csharp Polymorphism2 Web Image Optimization Android Tutorial Valueanimator2 Ubuntu Modify Dns Android Tutorial Listview Checkbox Chrome Extensions Recommended C Single Quotes And Double Quotes Verilog2 Logic Sumarry Bash Shortcut Javascript Check Arrayisobject Summary Of Network Html Meta Intro Verilog Condition Statement Nginx Proxy Balancing Matplotlib Tutorial View Ssh Public Key Mac Scala Chinese Show Python One And Two Star Php Get Url Suffix Programmer Joke 23 Css Search Box Android Tutorial Powermanager Mqtt Intro Android Tutorial Patheffect Python Partial Developer Love Php Web Development Android Tutorial Xfermode Porterduff2 Zookeeper Java Setup Python Understanding Dict Copy Shallow Or Deep Python Basic Datatype Free Html5 Css3 Loaders Preloaders Cpp String Array Pointer Es6 Generator Android Tutorial Listen Event Handle Scala Method Functio Different Java Abstract Interface Different Android Tutorial Android Studio Vmware Install Centos7 The Different This Super Php Remove Firsrt Array Element Embedded Engineer Require Skills Mapreduce Usage Front End Interview A Few Important Points Of Knowledge Js Filter Dropdown Android Tutorial Webview Download File Android Tutorial Bitmap2 Mapreduce Coding Android Tutorial Sdk Problem Solve Shell Read Line Db Solutions Android Tutorial File Jquery Check Element Is Hidden Android Tutorial Intro Clean Code Versus Great Code Cpp Enum Intro Java Compile With Package Html5 Canvas Clock Java Json Instro Android Tutorial Absolutelayout Cpp Const Keyword Android Tutorial Framelayout Linux Autologin Shell Verilog2 Display Open Source License Js Precision Problem And Solution Programming Intro Android Tutorial Mediarecord Reg Lookahead Lookbehind Webpack Tutorial Zookeeper Locks 25 Best Game Engine Libraries For Developers Awk User Defined Functions Js Delete Json Arr Merge Sort Android Tutorial Linearlayout Android Tutorial Fragment Demo2 Android Tutorial Listview Focus Java Math Floor Ceil Rint Round Verilog Deassign Cpp Virtual Function Android Tutorial Development Environment Build Verilog2 Level Modeling Float And Double Different A Beginners Guide To Web Development Struct Size Java Class Forname Python Print Without Newline Verilog2 Fifo C Bool True False Https Ssl Intro Javascript Window Onload Java Stringtokenizer Intro Js Sort Table Es6 Symbol Shell Sort Docker Tricks Js Redirect To Another Webpage Zepto Js Source Analysis C Matrix Exchange Android Tutorial Seekbar Javascript Get The Value Of Text Input Field Wx Xcx Repo Android Tutorial Viewflipper Cglibcode Generation Library Intro Htmlcss Make A Website Mac Os Ssh Pem Builder Pattern 2 Java Capture Group Linux Useful Command Css Style Priority Hbuilder Intro Android Tutorial Exercise 6 Html Windows10 Mysql Installer Macro Definition Verilog2 Tf Sub Android Tutorial Udp Socket Php Ajax Cross Border Javascript Promise Object Android Tutorial Viewpager Python Extends Init Js Timestamp2Date Javascript Search Auto Tip Zookeeper Znode Data Model Verilog Assign Windows Finds Port Usage Android Tutorial Contents Android Tutorial Eclipse Adt Sdk App Java Different Of String Stringbuffer Stringbuilder Getting Started With Typescript Div Scroll Javascript Modals Android App Develop Learning Python Dynamic Var Selection Sort Java Inner Class Summary Python2 Python Raw_Input And Input Java Printf Formate Demo Go Channel Intro Html5 Canvas Intro Android Tutorial Date Time 1 Android Tutorial Expandablelistview Cpp Reference Type Es6 Object Android Tutorial Http Response Header Verilog2 Low Power Facade Pattern 2 Android Tutorial Drawerlayout Verilog Expression Android Tutorial Webview Javascrip Java Transformation Problem Trinocular Operators In Lua
❮ Css Style Priority Android Tutorial Exercise 6 Html ❯

HBuilder Tutorial

Category Programming Technology

What is HBuilder?

HBuilder is a Web development IDE supporting HTML5 launched by DCloud (Digital Paradise). HBuilder is written in Java, C, Web, and Ruby. The main body of HBuilder is written in Java and is based on Eclipse, so it naturally supports Eclipse plugins. Speed is HBuilder's biggest advantage, significantly improving the development efficiency of HTML, js, and css through complete syntax hints and code input methods, code blocks, etc.

How to Install HBuilder?

Download address for HBuilder: On the HBuilder official website http://www.dcloud.io/ click on free download to get the latest version of HBuilder.

HBuilder currently has two versions, one for Windows and one for Mac. When downloading, choose the version that suits your computer.

Using HBuilder to Create a New Project

Click on File → New → select Web Project (press Ctrl+N,W to trigger quick new (on MacOS use Command+N, then left-click on Web Project))

As shown in the figure above, please fill in the name of the new project at A, fill in (or select) the project save path at B (changing this path will be recorded by HBuilder and the changed path will be used by default next time), and select the template you want to use at C (you can click on custom template and refer to the readme.txt in the opened directory to customize the template).

Creating an HTML Page with HBuilder

In the project explorer, select the newly created project and click on File → New → select HTML File (press Ctrl+N,W to trigger quick new (on MacOS use Command+N, then left-click on HTML File)), and choose the blank file template as shown in the figure below.

Try Viewing Programming Effects with HBuilder's Live Edit Feature

On Windows, press Ctrl+P (Command+P on MacOS) to enter Live Edit mode. In this mode, if the currently opened file is an HTML file, it will automatically refresh to show the current page effect after each save (if it is a JS, CSS file, and there is a reference relationship with the page opened in the current browser view, it will also refresh).

HBuilder Code Blocks Greatly Reduce the Workload of Redundant Code

In the opened getstart.html, type H as shown in the figure below.

Then press 8 to automatically generate the basic code of HTML as shown in the figure below.

What is a code block?

A code block is a commonly used combination of code, for example, in js, type $ and press Enter, and it will automatically input document.getElementById(id).

View and edit code blocks in Tools - Customize Code Blocks, select the corresponding code block for viewing and editing. You can also click the modification icon in the lower right corner of the detailed information when activating the code block in the code assistant for modification and viewing.

-

Code Block Activation Principle 1: The first letter of consecutive words. For example: dg activates document.getElementById(""); vari activates var i=0; dn activates display: none;

-

Code Block Activation Principle 2: A whole section of HTML generally uses the name of the tag. For example, script, style, usually, typing up to 4 letters can match the required code block, there is no need to enter it completely, such as typing sc and pressing Enter, st and pressing Enter, to complete the input of script, style tags.

-

Code Block Activation Principle 3: If there are multiple code block outputs for the same tag, then add a suffix at the end. For example, meta outputs <meta name="" content=""/> but metau outputs <meta charset="UTF-8"/>, metag is the same.

-

Code Block Activation Principle 4: If the original syntax has more than 4 characters, for commonly used syntax, the activation symbol for the first word uses an abbreviation. For example, input button, abbreviated as inbutton, similarly, intext is the input box.

-

Code Block Activation Principle 5: The keyword code block in js is to add a repeated letter at the end of the keyword. For example, if you type if directly, it will prompt the if keyword, but if you type iff and press Enter, the if code block will appear. Similarly, there are forr, withh, etc. Since the funtion letters are longer, to speed up input, take fun as an abbreviation, for example, funn outputs the function code block, and funa and func respectively output anonymous functions and closures.

Flexible Shortcut Keys Make the Programming Process Keyboard-Only

The effect is shown in the figure below.

-

After creating a

❮ Css Style Priority Android Tutorial Exercise 6 Html ❯