使用Visual Studio Code做为开发软件，node.js做为开发环境，以及npm

使用Visual Studio Code开发前端（一）-----安装Visual Studio Code+node.js

1、安装node.js

一、下载安装node.js,并安装，彻底默认安装

二、安装完成以后，在打开命令提示符，而后输入node -v会出现版本号，说明node.js环境安装完成

三、npm实际上是Node.js的包管理工具（package manager），使用npm管理第三方js依赖是特别方便的，因此在这里提一下。通常来讲，npm是在node.js安装时自动安装的，不须要再次安装的，打开命令提示符，输入 npm -v便可查看版本号。

2、安装Visual Studio Code

一、下载vsCode，并安装，彻底默认安装就行

 

二、在官网上下载的VSCode安装了以后默认是英文的，须要将语言设置成中文

1）打开vscode工具；

2）使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入“configure display language”，点击肯定后；

3）修改locale.json文件下的属性“locale”为“zh-CN”;

4）重启vscode工具；

5）如果尚未变为中文，有多是没有安装中文插件，按照下图进行安装，重启便可

附上vscode快捷键

https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

三、因为以前已经安装过node.js和npm 因此能够直接在vscode的shell界面进行查看（vscode的操做模式和Linux以及window的doss的相似，使用命令行控制）

在vscode中使用快捷键Ctrl + ` 打开命令提示符，输入node -v和npm -v便可

至此，便可使用vscode在node.js环境中进行前端开