总结在Visual Studio Code创建Node.js+Express+handlebars项目
一、安装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
第三步
打开vsCode的调试控制台里面的终端,输入以下代码:
npm install express-generator -g
创建一个名为MyNode的应用:
express MyNode
这样就可以看到生成的目录了,
接下来我们安装所有依赖包:
cd是回到刚刚生产的目录中
cd MyNode
npm install
然后启动项目
npm start
或者在vsCode打开MyNode这个文件夹使用F5就可以直接调试了
然后在浏览器输入http://localhost:3000/