web前端開(kāi)發(fā)基礎(chǔ)環(huán)境配置

Web前端和全棧的定義：

A、什么是傳統(tǒng)web前端：需要把設(shè)計(jì)師的設(shè)計(jì)稿，切完圖，寫(xiě)標(biāo)簽和樣式，實(shí)現(xiàn)JS的效果，簡(jiǎn)而言之即只需要掌握HTML的頁(yè)面結(jié)構(gòu)，CSS的頁(yè)面樣式，javaScript頁(yè)面的行為(包括頁(yè)面的效果和整合);

B、HTML5時(shí)代的大前端：要處理各種端的兼容開(kāi)發(fā)(PC,移動(dòng)端,各種瀏覽器)、移動(dòng)APP開(kāi)發(fā)和移動(dòng)站點(diǎn)開(kāi)發(fā)，Ajax+服務(wù)器端技術(shù)開(kāi)發(fā),異步開(kāi)發(fā)和后臺(tái)的交互、高級(jí)設(shè)計(jì)模式和框架(MVC,AngularJS...)、運(yùn)用自動(dòng)化工作流(Grunt)、網(wǎng)站安全、SEO、測(cè)試、源代碼管理、團(tuán)隊(duì)合作、制作HTML5游戲等。

C、全棧時(shí)代:集前端和后端一體的大牛，會(huì)前端的語(yǔ)言和后臺(tái)的語(yǔ)言,前后臺(tái)通吃,能夠快速的找到問(wèn)題和解決問(wèn)題的能力。

D、NodeJS:就是用JS為基礎(chǔ)的一門(mén)后臺(tái)的語(yǔ)言,讓前端無(wú)所不能，現(xiàn)在的前端已經(jīng)是突破所有邊界。

web前端開(kāi)發(fā)環(huán)境的搭配：

A、Sublime3安裝配置：Sublime跨平臺(tái)的前端開(kāi)發(fā)神器,是一個(gè)共享軟件,免費(fèi)使用;下載最新Sublime3安裝包;

-官網(wǎng)地址：http://www.sublimetext.com/

-網(wǎng)盤(pán)地址：http://pan.baidu.com/s/1ntszCgT

-安裝包管理器

打開(kāi)Sublime3控制臺(tái)，ctrl+~

輸入安裝包管理器命令代碼，注意需要聯(lián)網(wǎng)才能安裝,因?yàn)槭窃诰€下載包

包管理器的官網(wǎng)地址：https://packagecontrol.io

-安裝第三方插件(包)

打開(kāi)命令面板：ctrl+shift+p；

輸入install，然后回車(chē)，然后可以搜索想要的插件，回車(chē)安裝；Atom工具使用

B、Atom工具使用：由github發(fā)布的前端開(kāi)發(fā)工具，集成了chrome的調(diào)試工具，是一款非常強(qiáng)大和開(kāi)發(fā)的開(kāi)發(fā)工具平臺(tái)。在file里面的setting里面進(jìn)行設(shè)置,包括字體的大小,快捷鍵,背景顏色主題等;

官網(wǎng)地址：https://atom.io/

百度網(wǎng)盤(pán)下載地址：http://pan.baidu.com/s/1ntszCgT

C、WebStorm10的安裝與使用：WebStrom是最專(zhuān)業(yè)的前端IDE開(kāi)發(fā)工具，是一個(gè)非常重量級(jí)的開(kāi)發(fā)工具,是專(zhuān)業(yè)為我們前端設(shè)計(jì)的IDE,用他來(lái)開(kāi)發(fā)是效率非常高;

D、總結(jié)三款開(kāi)發(fā)工具的優(yōu)劣：Sublime3：需要安裝第三方的包，一般。Atom：集成度非常好，也很輕，需要自己安裝第三方的包。Webstrom：大項(xiàng)目，建議使用webstrom，非常強(qiáng)大，但是也很重。

操作系統(tǒng)常用快捷鍵：快捷鍵是讓你成為高級(jí)的，專(zhuān)業(yè)的前端工程師必經(jīng)的途徑，是大家必須要掌握的。

Win+數(shù)字鍵：打開(kāi)/顯示超級(jí)任務(wù)欄第N個(gè)圖標(biāo)代表的程序

Win+D：快速顯示桌面

Win+R：快速運(yùn)行，打開(kāi)軟件，cmd命令行等

Win+E：快速打開(kāi)資源管理器

Win+方向鍵：最大化,還原/最小化窗口

Win+L：快速鎖定計(jì)算機(jī)

Ctrl+Alt+Del：顯示以下選項(xiàng)：鎖定計(jì)算機(jī)，切換用戶(hù)，注銷(xiāo)，更改密碼，和啟動(dòng)任務(wù)管理器

CTRL+SHIFT+ESC：打開(kāi)任務(wù)管理器

Alt+F4：關(guān)閉當(dāng)前活動(dòng)項(xiàng)目或退出活動(dòng)程序

Alt+Tab：在打開(kāi)的項(xiàng)目中進(jìn)行切換

Alt+向上方向鍵：在Windows Explorer 中查看當(dāng)前文件夾的上一級(jí)目錄

Ctrl+A：在文檔或窗口中全選Ctrl+C:復(fù)制選中的項(xiàng)目

Ctrl+向下方向鍵：將光標(biāo)移到下一段的段首

Ctrl+Esc：打開(kāi)開(kāi)始菜單

Ctrl+F4：關(guān)閉活動(dòng)文檔(在程序中能夠讓你同時(shí)打開(kāi)多個(gè)文檔)

Ctrl+上方向鍵：將光標(biāo)移動(dòng)到之前一段的開(kāi)頭

Ctrl+V：粘貼選定項(xiàng)目

Ctrl+X：剪切選定項(xiàng)目

Ctrl+Y：還原一個(gè)操作

Ctrl+Z：撤銷(xiāo)一個(gè)操作

DELETE：刪除選定項(xiàng)目并移動(dòng)到回收站

ESC：取消當(dāng)前任務(wù)

F2：重命名選定的項(xiàng)目

F4：在Windows Explorer 中顯示地址欄列表

F5：刷新活動(dòng)窗口

本文版權(quán)歸傳智播客前端與移動(dòng)開(kāi)發(fā)學(xué)院所有，歡迎轉(zhuǎn)載，轉(zhuǎn)載請(qǐng)注明作者出處。謝謝！

作者：傳智播客前端與移動(dòng)開(kāi)發(fā)培訓(xùn)學(xué)院

首發(fā)：http://xamj520.com/web/