总结在Visual Studio Code建立Node.js+Express+handlebars项目

1、安装node.js环境。

　　Node.js安装包及源码下载地址为：https://nodejs.org/en/download/

　　32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

　　64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

　　

步骤 1 : 双击下载后的安装包 v0.10.26，以下所示：

步骤 2 : 点击以上的Run(运行)，将出现以下界面：

步骤 3 : 勾选接受协议选项，点击 next（下一步） 按钮 :

步骤 4 : Node.js默认安装目录为 "C:\Program Files\nodejs\" , 你能够修改目录，并点击 next（下一步）：

步骤 5 : 点击树形图标来选择你须要的安装模式 , 而后点击下一步 next（下一步）

步骤 6 :点击 Install（安装） 开始安装Node.js。你也能够点击 Back（返回）来修改先前的配置。 而后并点击 next（下一步）：

安装过程：

点击 Finish（完成）按钮退出安装向导。

检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入"cmd" => 输入命令"path"，输出以下结果：

PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32; C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\; c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib; C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs\; C:\Users\rg\AppData\Roaming\npm

咱们能够看到环境变量中已经包含了C:\Program Files\nodejs\

检查Node.js版本

步骤7：npm安装

因为新版的nodejs已经集成了npm,因此在安装nodejs时npm也一块儿安装了，能够经过cmd命令行输入"npm -v"来测试是否安装成功。

这样即是安装成功了。

常规的NodeJs的搭建到如今已经完成了，若是想要测试能够经过”cmd“输入”node“进入node开发模式下（ctrl+c退出node模式），输入你的NodeJS第一句：”hello world“ ， 输入：console.log('hello world')

步骤8：安装相关环境

咱们要先配置npm的全局模块的存放路径以及cache的路径，例如但愿将以上两个文件夹放在NodeJs的主目录下，我这里的主目录是D:\node\，因此就在D:\node\下创建node_global和node_cache两个文件夹，如图：

在cmd中输入：

npm config set prefix"D:\node\node_global"回车

再输入

npm config set cache"D:\node\node_cache"

如今就能够安装模块了（如下按需安装，我这里只安装了express以下图）：

（安装模块语法：npm install <Module Name>）

npm install express -g

npm install jade -g//这里若是安装报错能够试下npm install pug-g,好像是jade改为了pug具体没有考证。

安装MySql包

npm install mysql -g

 

接下来，咱们开始在vs里面建立咱们的第一个项目了。

第一步：选择本身建立的文件夹例如个人

第二步安装Express

第三步

 express官网

打开vsCode的调试控制台里面的终端，输入如下代码：

npm install express-generator -g

建立一个名为MyNode的应用：

express MyNode

这样就能够看到生成的目录了，

 

接下来咱们安装全部依赖包：

cd是回到刚刚生产的目录中

cd MyNode

npm install

 

而后启动项目

npm start

或者在vsCode打开MyNode这个文件夹使用F5就能够直接调试了

而后在浏览器输入http://localhost:3000/