web开发入门工具

211 阅读2分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

这是一个极简的入门教程,有额外需求的话当然请自行研究。

工欲善其事,必先利其器。在这里我简要总结一些web开发要用到的工具,适合刚刚开始学习web开发的小白们食用。

首先,你需要一台电脑,不需要配置多好,但是要能打字。

浏览器

不言自明地,开发web必然需要一个浏览器。推荐一些趁手的浏览器:

  1. Google Chrome(强烈推荐)
  2. Firefox(这个也行,就不放链接了)

安装好以后一定要学会打开控制台面板(使用回头再说),通常来说按键盘上的F12按键,也可以右击网页的任意位置,点击检查

编辑器

再怎么说,开发也是要写代码的。那么,一个趁手的代码编辑器也是必不可少的。下面推荐几个:

  1. Sublime Text(我喜欢用这个,虽然麻烦但是快)
  2. Visual Studio Code (VSCode)(大部分人都喜欢用这个)
  3. Atom(这个也很不错)
  4. Vim(不建议初学者使用hh)

...其实代码编辑器这个东西,萝卜青菜各有所爱,只要能高效地编辑代码文件即可!

挑选一个你喜欢的代码编辑器,并根据具体情况在上面安装好用的插件吧!

Git相关

关于Git是什么请参考我的另一篇文章。

如果你想要多人协作,或者有效控制你的代码版本,那么你必然需要Git相关的软件。它是一个命令行工具,macOS、Linux等系统都自带了Git,Windows的同学请在这里下载:git-scm.com/downloads

如果你不是命令行的忠实粉丝,并且想用世界最大的代码托管服务Github的话,我推荐您安装Github Desktop,它是一个好用的可视化软件,帮助你执行Git操作。下载地址在这里:desktop.github.com/

当然,如果你需要使用Github,请在官网注册一个账号吧!github.com/

Nodejs

如果你想使用各种web框架,那我想你会需要Nodejs。Nodejs是一个JS的运行环境,可以在本地运行JS脚本,因此许多web开发的辅助工具和框架都使用了Nodejs。

请在这里下载安装:nodejs.org/en/download…

安装完毕以后,你的系统命令行会有nodenpm两个命令。前者是Nodejs的执行环境入口,后者更为重要,是Node Package Manager的缩写。它将帮助我们获得其他开发者创造的辅助工具、组件库等,同时高效地维护这些代码的依赖关系,并可能协调整个开发、调试、部署的流程。

至此,你已经获得了所有的装备!让我们开始探索web开发的奇幻世界吧!