时间:2018年11月——实践出真知
一、由来
一直想找一个好用一点的前端开发工具,网上说的有很多,不过作为颜值党来说,还是进了这个坑。。。。
二、资源
安装包链接:https://download.csdn.net/download/kris001001/10435638
下载后点击安装就可,黑箱安装,直接安装在C盘。
三、软件
既然已经使用了atom了,那么就要体现一下他的价值不是,所以在进行前端开发之前不要着急,先找到Setting下的安装(最后一个),然后搜索simplified-chinese-menu 这个,点击install,就可以汉化你的好看的atom了。
四、插件
汉化以后,就是一些功能上的插件的安装了,上面已经安装了汉化插件了,那么接下来就介绍几种常用的插件了。
- open-in-browser 在浏览器打开
- minimap 预览小地图,很不错的
- atom-beautify 格式化代码
- autocomplete-paths 文件路径补全
- highlight-selected 对和选中的字段一样的字段高亮显示
- linter-jshint 报错、监听(不同的框架不一样的,像我之前用react和现在用原生js的插件就不一样,要自己去网上找)
主要的就是这些了,其他的懒得打了:
五、使用小配置
编辑器样式就不多说了,直接在主题里面就找得到,想要更精美的样式的可以自己下载主题。
缩进指示线:打开编辑器设置》勾选缩进指示线就可
快捷键设置:打开快捷键绑定》找到你想要要修改的那个》复制,然后打开用户键盘映射》粘贴,修改就可