前端_工具

VSCode:Windows安裝

官網下載一鍵安裝Visual Studio Code

VSCode:VSCode 插件安裝

1. open in browser:在瀏覽器運行預覽（alt+b），安裝後自動運行.
2. OneDark：來自Atom的主題，顏色更爲柔和舒服，不傷眼睛的主題，ctrl+k加ctrl+t安裝後選擇主題.
3. auto rename tag:修改HTML標籤時，自動修改匹配的標籤，安裝後自動運行.
4. beautify: 能夠格式化JSON|JS|HTML|CSS|SCSS,比內置格式化好用，安裝後自動運行.
5. path autocomplete:路徑智能補全，能夠連續提示，不用按「/」，安裝後自動運行.
6. filesize:在底部狀態欄顯示當前文件大小，點擊後還能夠看到詳細建立、修改時間，安裝後自動運行
7. html css support:html 標籤上寫class智能提示當前項目所支持的樣式（支持vue,），安裝後自動運行.
8. html snippets(0.1.5版本):超級實用且初級的 H5代碼片斷以及提示，安裝後自動運行.
9. IntelliSense for css class names：css class輸入提示，安裝後自動運行.
10. css peek:在當前頁面自動查找CSS文件並顯示內容，安裝後自動運行.
11. Document this：Js的註釋模板，重複按兩次ctrl+alt+d，便可添加函數的註釋.
12. eslint:檢測js必備，安裝後自動運行，測試安裝後自動運行.
13. Can I Use：HTML五、CSS三、SVG的瀏覽器兼容性檢查安裝後自動運行.
14. GBKTOUTF-8:將文件GBK轉換爲utf-8編碼安裝後自動運行.
15. code spell check：代碼單詞檢測安裝後自動運行.
16. Debugger for Chrome：方便調試.
17. vetur:語法高亮、智能感知、Emmet等.
18. Vue 2 Snippets：vue必備.
19. VueHelper：Vue2代碼段（包括Vue2 api、vue-router二、vuex2）.
20. git history:能夠查看Git log, file, 和line 歷史記錄.
21. code runner: 代碼編譯運行看結果，支持衆多後端語言.
22. Auto Close Tag : 自動關閉標籤.
23. Auto Import : 自動導入包.
24. Babel JavaScript : ES6/React 語法高亮.
25. Python : 開發Python的配置.

VSCode: Fira Cod 字體設置

1. https://github.com/tonsky/Fir... 下載字體且解壓文件,找到tiff文件夾,全選一鍵安裝.
2. VSCode的Setting添加"editor.fontFamily": "Fira Code","editor.fontLigatures": true,

PhotoShop2019安裝

官網下載Creative Cloud ,搜索破解相關文檔,下載破解.

PxCook安裝

先安裝 Adole AIR 而後再下載安裝PXCook
打開一張圖片,選擇選擇切片工具,快捷鍵Ctrl+Shift+Alt+S快速保存文件.

NVM安裝與使用

官網下載官網,本地新建文件夾安裝且配置淘寶鏡像.

前端

瀏覽器:

瀏覽器品牌： Google Chrome , Mozilla Firefox  ,Microsoft Edge , Safari，QQ瀏覽器，360瀏覽器，IE瀏覽器。

HTML

XHTML 1.0 HTML5 XHTML5

CSS

CSS2.1 CSS3 Stylus Less Sass Scss

JavaScript

ECMAScript BOM  DOM

框架

Vue Angular React

IDE

VS Code ， Sublime，WebStorm, Putty ,PhpStorm ,PhpStudy

後端語言

PHP Python Java GO 
 PHP相關框架: ThinkPHP5.1 Larvel4.7
 Python相關框架: Flask

數據庫

關係數據庫: MYSQL
非關係數據庫: HBase、Redis、MongoDB、Couchbase、LevelDB

系統鏡像

Windows 10 Centos Ubuntu

服務器

Nginx Tomcat Tengine IIS APache

原型圖

MockPlus Axure 墨刀 Justinmind

Cmder安裝和使用

• 安裝Cmder Cmder
• 配置Path，可快捷打開應用。