HTML5開發(fā)環(huán)境配置
操作系統(tǒng)的常用配置
系統(tǒng)調(diào)整為最佳性能(建議設(shè)置)
開始菜單→控制面板→性能信息和工具→調(diào)整視覺效果→調(diào)整到最佳性能文件夾顯示設(shè)置(強(qiáng)烈建議設(shè)置)
列表顯示文件夾
顯示隱藏文件
應(yīng)用到所有文件
操作:工具→文件夾選項(xiàng)→隱藏已知文件類型..(去掉)→應(yīng)用到所有文件夾任務(wù)欄設(shè)置(建議設(shè)置)
任務(wù)欄右擊→鎖定任務(wù)欄+任務(wù)欄使用小圖標(biāo)
操作系統(tǒng)常用快捷鍵
- Win+數(shù)字鍵:打開/顯示超級(jí)任務(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)前文件夾的上一級(jí)目錄
- Ctrl+A:在文檔或窗口中全選Ctrl+C:復(fù)制選中項(xiàng)目:
- 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)窗口
Sublime安裝配置
Sublime跨平臺(tái)的前端開發(fā)神器,共享軟件
下載最新Sublime3安裝包
官網(wǎng)地址:http://www.sublimetext.com/
安裝包管理器
打開Sublime3控制臺(tái),ctrl+~
輸入安裝包管理器命令代碼
sublime3安裝命令行:
import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
-
注意:
需要聯(lián)網(wǎng)才能安裝,因?yàn)槭窃诰€下載包。
包管理器的官網(wǎng)地址:https://packagecontrol.io
安裝第三方插件(包)
打開命令面板:ctrl+shift+p
輸入install,然后回車(見圖片1.png)
圖片1.png
然后可以搜索想要的插件,回車安裝
Sublime3常用快捷鍵使用
- Sublime項(xiàng)目管理
- 新建文件和文件夾
- 快捷鍵:
- ctrl+/ :注釋 ctrl+x\v\y\z 剪切、粘貼、重復(fù)、取消
- ctrl+滾動(dòng) 縮放大小 ctrl+n 新建
- ctrl+回車,在光標(biāo)當(dāng)前行下面創(chuàng)建一個(gè)新行,并讓光標(biāo)跳到新行行首。 ctrl+shift+回車:正好相反。
- ctrl+shift+v 粘貼并保持縮進(jìn)
- ctrl+shift+d 復(fù)制當(dāng)前行
- ctrl+shift+↑ 向上移動(dòng)行,↓同樣道理
- shift+鼠標(biāo)右鍵 選中多行同時(shí)編輯
- ctrl+f查找 ctrl+h查找和替換
- ctrl+[ 增加左縮進(jìn) ctrl+]增加右縮進(jìn)
- ctrl+g: 跳轉(zhuǎn)到第幾行
前端其他開發(fā)工具
- Atom
- WebStorm10
- Dreamweaver CS6
- VSCode