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.初级小结
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.初级小结
到目前前三步,项目初步的架构已经搭配好了。
阅读全文
0 0
- node.js+ express + gulp + angular
- gulp-express实现node-express项目实时刷新
- Node.js express路由
- Node.js Express
- node.js+eclipse+express
- Node.js Express框架
- node.js+express+mysql
- Node.js Express框架
- Node.js 初探Express
- node.js express
- node.js express(二)
- Node.js Express 框架
- Node.js and Express
- Node.js Express 框架
- node.js express框架
- Node.js Express框架
- Node.JS Express入门
- Node.js Express框架
- 接口中获取号码省份/归属地的方法
- MySQL常用分区方式及分区主键的添加
- 关于C语言的fprintf与fwrite使用区别
- html和js中的相对url问题(js和css 中相对url)
- angularjs foreach
- node.js+ express + gulp + angular
- git 使用中的坑,无法pull 版本
- ShareSDK for Unity iOS平台接入遇到的问题
- angular学习笔记-$parse和$interpolate的作用
- 欢迎使用CSDN-markdown编辑器
- 第一阶段第十二天(面向对象 对象方法调用)
- shiro权限验证标签
- 机器学习心得01 线性回归 linear regression
- js数组中文排序