首頁技術(shù)文章正文

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

更新時(shí)間:2017-11-20 來源:黑馬程序員 瀏覽量:

Web前端和全棧的定義:

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

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

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

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

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

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

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

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

-安裝包管理器

打開Sublime3控制臺,ctrl+~

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

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

-安裝第三方插件(包)

打開命令面板:ctrl+shift+p;

輸入install,然后回車,然后可以搜索想要的插件,回車安裝;Atom工具使用

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

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

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

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

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

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

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

Win+D:快速顯示桌面

Win+R:快速運(yùn)行,打開軟件,cmd命令行等

Win+E:快速打開資源管理器

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

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

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

CTRL+SHIFT+ESC:打開任務(wù)管理器

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

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

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

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

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

Ctrl+Esc:打開開始菜單

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

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

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

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

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

Ctrl+Z:撤銷一個(gè)操作

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

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

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

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

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


本文版權(quán)歸黑馬程序員前端與移動(dòng)開發(fā)學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請注明作者出處。謝謝!


作者:黑馬程序員前端與移動(dòng)開發(fā)學(xué)院


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


分享到:
在線咨詢 我要報(bào)名
和我們在線交談!