【新手专用,老手请自觉绕行】

如今的前端开发基本上都会依赖一些通用的开发工具,比如:

  • nodejs、cnpm、yarn
  • git、github账号、gitee账号
  • VSCode以及大量好用的插件
  • @angular/cli (Angular专用)

这里把链接都列出来,供初学者参考。

一、nodejs和cnpm

0_1530251317964_深度截图_选择区域_20180629134809.png

请到 https://nodejs.org 下载安装你需要的版本。

装完之后打开你的命令行,查看以下命令查看node和npm版本:

  • node -v
  • npm -v

如果你的网络状况不佳,使用npm太慢,请试试cnpm,这是淘宝的同学做的一款npm国内镜像,请仔细按照以下文档说明操作:https://npm.taobao.org/

还有一些朋友偏爱yarn,也是一个不错的选择,请参考官方的这篇文档:https://yarn.bootcss.com/

二、git、github、gitee

各种平台上安装git的方式请点这个链接

装完之后请把以上链接里面的其它小节也浏览一遍,对git有一个基本的概念。

后面要用到github和gitee,请自行前往注册一个账号:

gitee适合国内这种网络环境,你懂的。

三、VSCode以及各种好用的插件

VSCode是微软开发的一个轻量级IDE,是目前最好用的前端开发神器。VSCode上面有大量好用的插件,请自行下载安装:https://code.visualstudio.com/

装好之后推荐你安装这些插件以提升开发效率和开发体验:http://www.ngfans.net/topic/195/post

四、@angular/cli

这是Angular官方开发的一款脚手架,用来帮助开发者初始化、开发、编译、部署Angular项目。

请打开命令行,执行:

npm install -g @angular/cli

装完之后请执行: ng -v 查看一下版本号:

0_1530252568636_深度截图_选择区域_20180629140608.png

看到以上内容说明一切OK!

---------------------这是一条优美的分割线----------------------

大漠的线上直播请点这里:http://www.ngfans.net/topic/242/post