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

96
meHaoTian
0.1 2017.09.28 12:50* 字数 758

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

大概也忘记是从什么时候开始 ,对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
  1. 发现输入路径没有提示? 没关系 ,添加提示呗!
  • Path Intellisense
  1. 我想让括号也加上颜色?简单!
  • Bracket Pair Colorizer
  1. 不知道怎么安装插件?一张图告诉你!
image.png

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

我的前端之路