用html代碼編寫的免費軟件下載和安裝教程

一個好的編輯器我們可以方便的開發(fā)項目，編寫代碼，配置和管理我們的項目。所以我們開始編寫html代碼之前需要搭建開發(fā)環(huán)境。

基于html項目的開發(fā)和代碼編寫現在網上有很多編輯器，也有免費的，也有收費的編輯器。基于在Windows系統(tǒng)環(huán)境下開發(fā)和編寫html代碼最簡單的編輯器就是Windows自帶的記事本，我們可以使用記事本編輯html代碼。

使用記事本編寫html的步驟是首先新建一個文本文檔，按照html的語法規(guī)則編寫相關的代碼和保存文件，然后把文件的后綴名改為.html，使用電腦上的瀏覽器打開就可以查看我們代碼的運行結果。

雖然記事本也能編寫html代碼，但是效率不高也不方便，所以我們使用專業(yè)的編輯器來開發(fā)項目，編寫代碼和管理項目。

常用html代碼編寫的免費軟件有HBuilderX，vs code，Sublime Text 等等。

HBuilderX官網下載地址：

https://www.dcloud.io/hbuilderx.html

vs code的官網下載地址：

https://code.visualstudio.com/

Sublime Text官網下載地址：

http://www.sublimetext.com/

我們以后的教程都使用HBuilderX，所以下面為了同學們的學習方便，對HBuilderX的下載和安裝做詳細的教程。

一，下載

首先訪問HBuilderX的官網網址：

https://www.dcloud.io/hbuilderx.html

打開上面的HBuilderX下載網址后點擊頁面上download，在彈出的對話框里選擇適合自己電腦的HBuilderX版本下載。

在Windows10環(huán)境下下載后的文件是一個壓縮的.zip文件。

二，安裝

鼠標右擊下載下來的壓縮文件進行解壓。

解壓完成后是一個名為HBuilderX的文件夾。

解壓完成后鼠標雙擊HBuilderX文件夾：

雙擊運行名為HBuilderX.exe的應用程序文件即可啟動HBuilderX編輯器：

因為HBuilderX是一個綠色軟件所以沒有桌面快捷方式和開始菜單快速啟動程序，我們可以右擊HBuilderX.exe文件創(chuàng)建桌面快捷方式。

小百科：

綠色軟件指一類小型軟件，多數為免費軟件，最大特點是軟件無需安裝便可使用，可存放于閃存中，移除后也不會將任何記錄留在本機計算機上。通俗點講綠色軟件就是指不用安裝，下載直接可以使用的軟件。綠色軟件不會在注冊表中留下注冊表鍵值，所以相對一般的軟件來說，綠色軟件對系統(tǒng)的影響幾乎沒有，所以是很好的一種軟件類型。

三，新建項目

HBuilderX編輯器初次啟動時的默認界面是下圖所示：

按照下圖所示可以創(chuàng)建一個新的名為demo1空白項目：

名為demo1的空白項目創(chuàng)建成功后的界面如下圖所示：

接下來在剛我們新建的demo1項目下創(chuàng)建名為helloworld的html文件

鼠標右擊創(chuàng)建的demo1項目選擇新建在選擇.html文件：

在彈出的對話框里填入html文件的名稱：

編寫一段代碼：

運行：

在瀏覽器上觀察效果：

好了，到這里html的開發(fā)環(huán)境搭建和HBuilderX的安裝教程結束了。

下面再給大家教一下怎樣修改HBuilderX的主題風格，HBuilderX自身提供了修改軟件主題的功能，使用者可以自身需求和喜好修改HBuilderX的風格。在喜歡自己喜歡的環(huán)境下做開發(fā)也是令人羨慕的一件事。

按照一下步驟可以修改HBuilderX的主題，默認主題是綠柔，我們可以改成雅黑，雅藍或者自定義主題：

雅黑主題：

雅藍主題：

好了本節(jié)全部內容全部結束了，希望我準備的內容對你有所幫助

你的支持是我的最大動力，若覺得我的教程還可以對你有幫助為我點贊加關注！謝謝！

殘酷的移動互聯網競爭環(huán)境下，HTML5技術一直受到各方關注，“HTML5顛覆原生App”的爭論也從未停止過，不管怎樣HTML5生態(tài)的構建方興未艾。不過對于移動開發(fā)者來說更關心的問題是如何低成本、周期短開發(fā)出體驗效果好的App，所以當下用HTML5遠比賭HTML5更現實。于是，一個一直被提及但是從沒有占據過統(tǒng)治地位的概念又一次走進了移動開發(fā)者們的視野，那就是跨平臺開發(fā)。

AD：WOT2015互聯網運維與開發(fā)者大會熱銷搶票

目前國內外已經有很多基于HTML5的跨平臺開發(fā)工具，你并不需要任何的原生應用編程經驗，你只需要一些HTML的相關知識，懂一些CSS和JavaScript，運用工具中所提供的各種豐富的功能模塊，便可在很短時間內完成App的開發(fā)而且讓你的App具備完美的原生體驗。

推薦幾款跨平臺工具

1、Appcelerator

Appcelerator的Titanium開發(fā)平臺使開發(fā)者可以通過HTML、PHP、JavaScript、Ruby、Python等Web編程語言開發(fā)手機、平板和桌面的原生App。其優(yōu)勢在于它可以讓用戶輕松地訪問超過300個API以及定位信息。

此外，Appcelerator提供針對特定行為或事件定制的統(tǒng)計。App的數據既可儲存在云端，也可儲存在設備上。

2、APICloud

APICloud是一款“云端一體”的移動開發(fā)平臺，信仰“云端一體”的理念，重新定義了移動應用開發(fā)。APICloud為開發(fā)者從“云”和“端”兩個方向提供API，簡化移動應用開發(fā)技術，讓移動應用的開發(fā)周期從一個月縮短到7天。APICloud由“云API”和“端API”兩部分組成，可以幫助開發(fā)者快速實現移動應用的開發(fā)、測試、發(fā)布、管理和運營的全生命周期管理。

2、PhoneGap

PhoneGap是一個免費且開源的開發(fā)環(huán)境，使開發(fā)者可以開發(fā)出在Android、Palm、黑莓、iPhone、iTouch及iPad等設備上運行的App。其使用的是HTML和JavaScript等標準的Web開發(fā)語言。開發(fā)者使用PhoneGap進行開發(fā)，可調用加速計、GPS/定位、照相機、聲音等功能。

PhoneGap還提供Adobe AIR App以及在線的培訓課程，幫助開發(fā)者了解原生API并在他們自己的平臺上開發(fā)移動App。

4、NativeScript

NativeScript是使用移動平臺的JavaScript引擎來進行跨平臺開發(fā)。邏輯部分自然無需多說，關鍵在于如何使用平臺特性。NativeScript是通過反射得到所有平臺API，預編譯它們，然后將這些API注入到JavaScript運行環(huán)境，接下來在Javascript調用后攔截這個調用，并運行native代碼。NativeScript是使用大量web開發(fā)的技巧來進行app開發(fā)，因為工具鏈和語言都非常熟悉受到了很多前端開發(fā)者的歡迎。

5、Kinvey

Kinvey同樣是一個為移動應用開發(fā)者提供后臺創(chuàng)建服務的平臺。Kinvey強調加速移動應用開發(fā)與銷售的“即取即用”理念。Kinvey的中間層與數據層均托管在多個云服務提供商處，包括Rackspace、Amazon與Microsoft。所有通過Kinvey存儲的數據都會有四種方式備份：Amazon EC2、Windows Azure、Rackspace以及Kinvey自己的服務器，假如其中一兩個出現了故障，用戶的數據依然安然無恙。

總結：

關于HTML5和原生App的爭論一直在繼續(xù)，不論最后誰能取勝，開發(fā)者更關心App的開發(fā)速度和最終體驗。合理的使用工具會讓開發(fā)效率大大提升，甚至達到事半功倍的效果，希望能有一款適合您。

期待未來有一天，App開發(fā)可以像在紙上畫畫一樣簡單。

聲明：IT之家網站刊登/轉載此文出于傳遞更多信息之目的，并不意味著贊同其觀點或論證其描述。

tml開發(fā)環(huán)境搭建

有一個好的編輯器我們可以方便地的開發(fā)項目，編寫代碼，配置和管理我們的項目。所以我們開始編寫html代碼之前需要搭建開發(fā)環(huán)境。