node.js+ express + gulp + angular

来源:互联网 发布:李建利 知乎 编辑:程序博客网 时间:2024/05/29 13:36
node.js+ express + gulp + angular
1.先安装node.js
    1>在官网下载nodejs。(最新版已经包含了npm包)
2>https://nodejs.org/en/download/
3>使用 node -v检测是否安装成功;使用npm -v检测npm是否安装成功。
4>设置nodejs的环境变量
   1>在nodejs的安装目录下新建2个文件夹:node_cache(缓存),node_global(全局模块的存放路径)
2>启动cmd,输入:npm config set prefix "C:\ProgramFiles\nodejs\node_global" 和
                npm config set cache  "C:\ProgramFiles\nodejs\node_cache"
3>在我的电脑--属性--环境变量中添加:"NODE_PATH" 值位:C:\ProgramFiles\nodejs\node_global。
2.安装express,并且构建新项目
    通过应用生成器工具 express 可以快速创建一个应用的骨架.
    1>运行:npm install express-generator -g
2>在cmd中进入到要创建项目的目录下。执行“express myapp”。就创建了一个名为:myapp的应用。
 应用,项目名字要小写。
3>然后安装所有依赖包:
      cd myapp //进入到应用下面
      npm install //下载所有的依赖包
    4>启动这个应用:
      macOS或者Linux平台:DEBUG=myapp npm start
      window平台下:set DEBUG=myapp & npm start
 (还有一种方法是cd到bin目录下执行:node www 命令来启动服务。)
    5>在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。
    6>通过 Express 应用生成器创建的应用一般都有如下目录结构:

3.gulp
    通过代码优于配置的策略,Gulp 让简单的任务简单,复杂的任务可管理。
例如,静态文件的压缩,为静态文件加上哈希值的命名以防止缓存等等。
1>全局安装gulp:在cmd下任何目录下执行以下命令
 npm install --global gulp
2>作为项目的开发依赖(devDependencies)安装:(需要cmd到项目目录下。比如上面的myapp目录下)执行
 npm install --save-dev gulp
3>在项目的根目录下创建一个名字为gulpfile.js的文件。如(在myapp目录下新建gulpfile.js)。
 gulpfile.js的内容为如下(后续自己可以添加)
 var gulp = require('gulp');
 gulp.task('default', function() {
    // 将你的默认的任务代码放在这
 });
4>运行gulp。
 gulp (默认的名为 default 的任务(task)将会被运行,在这里,这个任务并未做任何事情。),
 gulp task1 (单独执行特定的任务task1);
 gulp task1 task2 (将依次执行task1,task2)
 
4.初级小结

    到目前前三步,项目初步的架构已经搭配好了。


原创粉丝点击