神級代碼軟件Text可以用來開發(fā)網(wǎng)站，英文原版可以在官網(wǎng)下載，中文版可以百度搜索，可以試試這個地址，

但建議您使用英文版本。

下載后直接解壓文件夾即可使用，網(wǎng)頁相關(guān)的插件已經(jīng)在text3中安裝完畢，解壓后的文件夾如圖1所示。

圖1 text3文件夾

只需單擊 .exe 文件即可。為了方便使用，您可以將可執(zhí)行文件的快捷方式發(fā)送到桌面。

2.創(chuàng)建站點目錄文件夾

創(chuàng)建站點目錄文件夾的步驟與下面完全相同。

3. 在 text3 中創(chuàng)建網(wǎng)站

圖2 設(shè)置站點目錄

圖3 選擇站點文件夾

圖4 創(chuàng)建的站點和目錄結(jié)構(gòu)

注意：圖4所示的“我的網(wǎng)站”目錄是之前已經(jīng)創(chuàng)建的sublime text 2 插件，并不是自動生成的。

4.在text3中創(chuàng)建HTML5頁面

在text3中創(chuàng)建HTML5頁面的步驟如圖5至圖7所示。

圖 5 在我的網(wǎng)站上創(chuàng)建文件

圖6 創(chuàng)建新文件

輸入文件名后，按回車鍵即可。創(chuàng)建的文件如圖7所示。

圖7 創(chuàng)建新文件

創(chuàng)建后，您就可以編寫 HTML5 文檔。

直接在文檔中輸入“！”如圖8所示。

圖8 編輯文件

然后點擊Tab鍵，自動插入HTML5文檔模板代碼，如圖9所示。

圖 9 頁面

稍后可以在正文中添加網(wǎng)頁元素。這里我添加了一個一級標(biāo)題，如圖10所示。

圖10 插入一級標(biāo)題

5.在text3中設(shè)置瀏覽頁面的快捷鍵

要使用瀏覽器查看text3中的頁面，必須安裝view in插件。插件已經(jīng)安裝好了，這里就不多說了。

快捷鍵設(shè)置也已經(jīng)設(shè)置好了，如果需要添加其他瀏覽器查看網(wǎng)頁，可以按照圖11、圖12的步驟進行操作。

圖11 設(shè)置快捷鍵

在默認的快捷鍵映射文檔中設(shè)置快捷鍵，如圖13所示。

圖12 設(shè)置快捷鍵

圖13分為左右兩欄，右側(cè)設(shè)置快捷鍵，具體代碼見代碼1。

//IE

“鍵”：[“f2”]sublime text 2 插件，

““： “和”，

“參數(shù)”：{

“路徑”：[]，

"": "C:\\ 文件 (x86)\\ \\.exe",

“”：“。*”

}，

//

“鍵”：[“f1”]，

““： “和”，

“參數(shù)”：{

“路徑”：[]，

"": "C:\\ 文件 (x86)\\\\\\\.exe",

“”：“。*”

代碼 1 設(shè)置快捷鍵代碼

6. 在 text3 中查看 HTML5 頁面

經(jīng)過以上設(shè)置后，只需要按快捷鍵F2、F1就可以查看網(wǎng)頁了，網(wǎng)頁效果分別如圖13、圖14所示。

圖13 使用快捷鍵F1使用 查看頁面

圖14 使用快捷鍵F1用IE瀏覽器查看頁面

為了讓更多人與您一起學(xué)習(xí)，請點擊“關(guān)注”

如有侵權(quán)請聯(lián)系刪除！