做前端先从一个让自己舒服的ide开始吧！

以下所有均为本人观点，此贴只是记录

大概也忘记是从什么时候开始 ，对ide比较讲究了！ide只有过那么几个，但是一直没有一个比较称心，免费的，功能强大的，并让人眼前一亮的ide 。直到遇到vscode ，简直爱不释手。

1.Notepad++

从最初开始学习编程以来 ，大概第一个入手的就是Notepad++ 了 。一款免费代码编辑器与记事本替代方案，支持多种语言。但是界面不够漂亮啊 ，而且仅仅支持windows系统，弃之 ；

2.Sublime Text

之后就用了sublime 了，当时第一感觉就是简单，插件也很丰富，但是他是一个许可收费的软件，不过万能的网络，总是能找到破解版。sublime 陪伴了我很长一段时间。

3.WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

以上，来自百度 ！ webstorm 对前端来说 ，好用毋庸置疑的，但是我并没有用多久，单纯的不喜欢而已，喜欢这个东西因人而异吧！

4.Hbuilder

后来需要开发webapp ，需要用到mui框架已经h5+ 的一些东西，dcloud 给提供了一款良心的国产软件。对于开发mui的同学来说，用人家自己的编辑器简直方便到不行，真机调试，打包发布都很方便。 后来也是一直使用了很长时间。

5.atom

对于开发前端来说，很强大，界面漂亮，插件丰富，还免费。但是-----，卡 ，慢 ！！cpu 经常爆炸啊 ！不太喜欢，弃之！

6.Visual Studio Code （使用至今）

微软老大哥出品。 也是跨平台 。免费，插件多，界面简洁好看。 各方面都很满意 ！

记录一下使用vscode的一些插件

1. 首先要做的就是给左侧的项目列表加上一个目录图标吧，干巴巴，看着有些许的不舒服 。

• vscode-icons
  前后对比图片

微信截图_20170928123047.png 微信截图_20170928122838.png

2.主题不够可爱 ，那就换个可爱的主题吧

• Dracula
  前后对比图片

  
  2.png

3.png

3.代码提示不够丰富？ 那就添加代码提示！

• HTML Snippets
• HTML CSS Support
• jQuery Code Snippets
• Bootstrap 3 Sinnpet

4. 发现输入路径没有提示？ 没关系 ，添加提示呗！

• Path Intellisense

5. 我想让括号也加上颜色？简单！

• Bracket Pair Colorizer

6. 不知道怎么安装插件？一张图告诉你！

image.png

7.更多功能 。。 请自行百度 ！