前端新手秘籍丶

左手的ㄟ右手 2022-01-19 02:13 284阅读 0赞

# 工欲善其事必先利其器 #

## 编辑器选择 ##

1.  sublime text 3 :本人在用,主题很多,代码风格很好看

放一个配置插件攻略: [sublime 插件][sublime] 配置主题: [sublime 主题][sublime 1]

1.  [Hbuilder X ][Hbuilder X] : 主题为绿色,玄学对视力有帮助
    
    注: 平时我主要用来写MD文档;
2.  [vscode][] 工作中很多人在用,具体优点体验了才知道

殊途同归,不管什么编辑器都要今早掌握快捷键使用,在这个效率为王的时代才是王道; 以上三款编辑器都是免费的,轻量级,个人觉得已经够用如果需要还可以在百度看看自己想要的;

## 学习网站选择 ##

1.  [freecodecamp][]

以闯关的形式,练习掌握学习到的各种零散知识点,不限于前端,当然学习深度还有待大家共同努力,线下还有各自城市举行的开源活动,非常值得一去;

1.  [百度IFE][IFE]

可以当做一次完整的复习,百度给了一定的任务和相应的资料,帮助你解决每个任务练手时遇到的困难;虽然现在活动截止了,但还是可以做任务练手;

1.  [慕课网][Link 1]

这张图是慕课前端免费路径,其中的视频有点难年代感了,可以自己把握跳跃学习

慕课就不多吹了~程序员的梦工厂~哈哈哈哈哈哈~

## 学习内容 ##

1.  主要内容:HTML CSS JavaScript ES6
2.  框架:JQuery Vue React
3.  分布式版本控制系统: git
4.  打包工具:webpack
5.  预处理语言:Less,Sass
6.  会的当然是越多越好啦:数据结构,HTTP协议等等.....

## 辅助工具 ##

1.  [GitHub][] 全球最大的程序员开源社区 作用是保存代码,每次修改,删除,上传都可以看的清清楚楚;
2.  [码云][Link 2] 中国程序员开源社区 同上;
3.  [PxCook][] 非常好用的测量设计图参数的工具 最近刚看到还没有开始用
4.  [Hexo][] 可以通过Hexo+GitHub 搭建个人博客,没事写写日志之类的;

贴上我的博客:[闲渡][Link 3] 欢迎来访欧~

转载于:https://juejin.im/post/5c624cf651882561fb1da074

[sublime]: https://link.juejin.im?target=http%3A%2F%2Fwosn.net%2F735.html
[sublime 1]: https://link.juejin.im?target=https%3A%2F%2Fwww.sohu.com%2Fa%2F165248231_495696
[Hbuilder X]: https://link.juejin.im?target=http%3A%2F%2Fwww.dcloud.io%2Fhbuilderx.html
[vscode]: https://link.juejin.im?target=https%3A%2F%2Fcode.visualstudio.com%2F
[freecodecamp]: https://link.juejin.im?target=https%3A%2F%2Fwww.freecodecamp.one%2F
[IFE]: https://link.juejin.im?target=http%3A%2F%2Fife.baidu.com%2F
[Link 1]: https://link.juejin.im?target=https%3A%2F%2Fwww.imooc.com%2F
[GitHub]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2F
[Link 2]: https://link.juejin.im?target=https%3A%2F%2Fgitee.com%2F
[PxCook]: https://link.juejin.im?target=http%3A%2F%2Fwww.fancynode.com.cn%2Fpxcook
[Hexo]: https://link.juejin.im?target=https%3A%2F%2Fhexo.io%2Fzh-cn%2F
[Link 3]: https://link.juejin.im?target=https%3A%2F%2Fxanazs.top