目前前端开发都是基于node环境,此处介绍相关的环境准备,node、npm、git这些都是必不可少的,至于代码编辑器则有多种选择,此系列博客中以visual studio code为例。
安装Node.js
由于现在的前端开发都是基于node环境,故安装node是必不可少的。
从NodeJs官网下载安装包直接进行安装,建议下载最新的偶数版本,奇数版本号的 Node.js 被认为是不稳定的开发版。
安装完成之后,打开cmd,输入node -v 查看node版本,确保node安装正常。
安装npm/cnpm
npm是nodejs官方为nodejs定制的一个工具,是Node.js的包管理器,是Node Packaged Modules的简称,通过npm可以下载安装nodejs的模块包,nodejs有很多优秀的模块包可以快速开发。
npm目前已经整合到node.js的安装中,无需另行安装。打开cmd输入npm -v查看npm版本。
如需了解更多,可查看廖雪峰的博客。
注意: 由于国内访问npm的网络问题,有时经常会出现下载异常的问题。建议安装cnpm。安装cnpm之后,所有以的npm命令均以cnpm开始即可。cnpm安装方式如下:
npm install cnpm -g --registry=https://registry.npm.taobao.org
安装git
Git是目前世界上最先进的分布式版本控制系统(没有之一)。cvs、svn、tfs都是集中式的版本控制系统。
下载windows版本的Git,安装完成后,打开cmd输入 git –version查看版本号。如果git安装完成,在开始菜单里可以找到“Git Bash”这个程序,这个程序是Git的命令行工具。
Git安装成功后,你就可以使用git命令进行代码控制。由于系列博客使用的是开发环境中git的使用 ,便不再对命令进行赘述 。
如需了解更多,可查看廖雪峰的博客
安装visual studio code
visual studio code 是 Microsoft 的针对于编写现代 Web 和云应用的跨平台代码编辑器,并且免费、开源。vsc 是一个轻量的visual studio,对web前端开发及其友好,支持诸多编程语言如: C++, jade, PHP, Python, XML, Batch, F#, DockerFile, Coffee Script, Java, HandleBars, R, Objective-C, PowerShell, Luna, Visual Basic, Markdown, JavaScript, JSON, HTML, CSS, LESS, SASS, C#, TypeScript
详细可查看这里。
visual studio code集成了对Git的支持,安装了git后就可以在vsc中使用git了。
由于vsc的诸多优良特性,vsc发展迅猛,提供了大量的扩展插件。
个人感觉vsc对比Atom、Submile Text都有明显的优势,相信未来会有更多的人拥抱vsc。
到官网下载安装包。根据提示步骤安装完成即可。