【Hello VUE】暴学VUE之环境搭建（二）

工欲善其事必先利其器。vue开发需要哪些环境呢？首先，nodejs（包含了npm工具，很重要）；vscode开发工具（主要是用来编写vue代码的）；还有需要在vscode上安装vue的插件（否则无法识别vue代码）。

nodejs的安装

1. 在浏览器打开nodejs的官网：https://nodejs.org/en/，下载nodejs的lts稳定版本。
   
2. 双击下载的文件node-v10.15.3-x64.msi，进行安装。建议安装路径不要带空格，也就是不要安装在Program Files目录下，可以新建个Programs目录。
3. 安装完毕后，打开命令行窗口。输入命令，查看node和npm的版本
   node -v
   npm -v
   

vscode的安装

1. 在浏览器打开vscode的官网：https://visualstudio.microsoft.com/zh-hans/，下载vscode
   
2. 双击下载的文件VSCodeUserSetup.exe，进行安装。一路next下去就可以了。
   
3. 刚刚安装的VSCode软件默认使用的是英文语言环境。按以下步骤进行设置为中文。
   1）使用快捷键【Ctrl+Shift+P】，在弹出的搜索框中输入【configure language】，然后选择搜索出来的【Configure Display Language】,如下图：
   
   2）点击【配置显示语言】，如果没有安装过中文的话，点击【安装其他语言】
   
   3）选择【中文简体】语言包进行安装。安装结束后需要重启vscode。
   

vscode的vue插件安装

1. 点击vscode的扩展图标，在搜索框输入vue。安装前2个插件。
   

待续

好了，现在vue的开发环境终于安装好了。下一章激动的代码就要开始了，哈哈哈。talk is cheap, show me the code.

【Hello VUE】暴学VUE之让代码跑起来（三）