前端_工具

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：HTML5、CSS3、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-router2、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，可快捷打开应用。