前端IDE：VSCode + WebStorm

VSCode

插件安装

官网：Extensions for the Visual Studio family of products；

（1）拼接下载链接：

https://${publisher}.gallery.vsassets.io/_apis/public/gallery
/publisher/${publisher}/extension/${extension name}
/${version}/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

将插件链接的itemName=steoates.autoimport（发行者.插件名）和版本号（x.x.xx）分别替换进去即可。

（2）将下载后的 Microsoft.VisualStudio.Services.VSIXPackage 重命名为 插件名.vsix

（3）cd 进到保存插件的目录，通过 cmd 命令安装插件即可

code --install-extension 插件名.vsix 

常用插件推荐

1、中文汉化：Chinese (Simplified) Language Pack for Visual Studio Code 
2、调试器：Debugger for Chrome
3、html提示：HTMLHint HTML Boilerplate htmltagwrap
4、css提示：HTML CSS Support
5、jQuery提示：jQuery Code Snippets
6、JavaScript：JavaScript Snippet Pack Quokka.js ：live Scratchpad for javascript
7、代码美化：Beautify
8、文件图标：vscode-icon
9、标签匹配：Highlight Matching Tag
10、括号匹配：Bracket Pair Colorizer 2

注意，插件版本应该不能高于VSCode版本。

.VSCode缓存路径

快捷方式，右键-目标路径新增

--extensions-dir "D:Program FilesMicrosoft VS Codeextensions" 

WebStorm

前端开发神器，下载地址：官网 或 http://www.zdfans.com/