关于node.js和gulp配置环境问题

前段时间接触ajax的时候发现笔记本的配置环境出了问题，很不方便。用apache配置略繁琐，考虑到不是大型项目，用node.js配置就够了。查找资料后研究了好久，总是安装好了，记录一下步骤，记忆不好以防日后需要。

1.安装node.js

在node.js官网根据情况下载（Windows 系统 (.msi) 64位），选择安装路径后一直next下去 ，最后点击 Finish完成。

2.打开cmd

开始 》输入“cmd” ，打开。输入“path” 查看环境变量是否已安装了node.js。 然后输入"node --version"、"npm -version" 查看node.js版本

3.新建存放文件

先在E盘(任意盘)新建一个“webserver”（任意命名）的文件，然后在里面新建一个src文件。 再src里面新建5个文件并命名。

将gulp配置文件package.json、gulpfile.js 等文件下载后放到“webserver”下面。

gulpfile.js配置文件下载

然后在cmd输入“npm install gulp -g” 回车安装插件。

安装之后再输入npm install回车。

安装后，再看下webserver文件里面会多出一个‘’node_modules”文件，总算安装成功。

**4.打开webserver gulpfile.js文件修改 **

把这个位置的代码删掉，改成：

server: {baseDir: './'},//根目录启动服务器

看到一个前端博客写如果没有打开iis服务器的话就要修改.....emm..没安装 跟着贴过去好了

5.打开Node.js command prompt

输入 gulp+回车，浏览器自动弹出。

这时“webserver”下多了一个"dist"文件。

配置环境成功。把项目放在src里面看下

总结

1.之前配置环境失败原因大概就是cmd路径填写错误和缺失配置文件导致，还有在最后一步输入gulp的时候把cmd关了导致。

2.关于webserver下关于新建src文件的问题。一开始没新建 ，项目放在“webserver”下也可以在本地服务器查看到。但如果修改文件后保存，浏览器不能自动预览。 src文件用来放置项目后，修改代码保存后浏览器自动预览,自动合并压缩文件放到dist文件下。

转载于:https://my.oschina.net/u/3657794/blog/1531045