yeoman+grunt/gulp+bower构建angular项目

1 安装nodejs(最新版的 会包括npm)我的是6.2.0,安装好后 --- cmd ---   node -v打印版本号

2 安装git(省略)

3 cmd ----npm install -g yo grunt-cli bower(yo:用于安装项目框架生成,类似于maven的骨架;grunt:编译运行测试等;bwoer:插件管理,相当于jar包管理)总之分担了maven的各个功能,都下载成全局的

4 cmd  -----yo-----上下键选择 install a generator ;输入要安装的骨架,如webapp;;;;或者直接安装常用的骨架 cmd---  npm install -g webapp  generator-angular

安装完成后去npm全局库看一下,  应该会出现相应的文件夹, 全局库的路径会再cmd页面打印

5 cmd跳转到你要建立项目的文件夹,yo   generator-angular(angular项目),然后会让你选择sass bootstrap m**,空格键只选则bootstrap ,若你有其他需求可以选择其他的;

中间会问你是否用gulp代替grunt,若选择是,则需要再重新安装gulp(npm install -g gulp ,npm install  gulp  --save -dev )

6 启动项目 grunt/gulp XXX(名称看生成的文件【grunt/gulp+file.js】内容任务名)

时间: 2024-10-04 06:24:17

yeoman+grunt/gulp+bower构建angular项目的相关文章

零开始构建Angular项目----之路由配置 和 nav导航条

效果 接着上次 零开始构建Angular项目继续扯路由配置 和 nav导航条 1.增加about页面 about.component.html <!-- Docs nav ================================================== --> <div class="row"> <!-- <div class="col-md-3 "> <div class="bc-sid

webstrom bower搭建angular项目

在webstorm中,新建一个angular项目,默认配置的是node的环境[会有一个package.json和bower.json ] 此时在浏览器运行index.html  会报一堆的错 检查了下是因为没有安装bower和angular 安装顺序是: 1.全局安装bower npm install bower -g[此处具体安装和配置省略,需要配置环境变量和设置node的全局安装路径] 2.此时 在任何文件目录下,都可以直接使用bower命令 3.在项目位置处 bower install a

gulp+webpack构建前端项目

本文将介绍如何利用gulp+webpack构建一个基本的前端项目.假设你已经安装了node环境并且会使用简单的命令行 1.gulp安装 (1)全局安装 npm install gulp -g (2)查看gulp是否安装成功 gulp -v (3)进入本地目录,新建gulpfile.js 2.安装gulp-webpack插件 基于gulp的插件非常多,建议大家查看npm官网https://www.npmjs.com (1)安装 webpack的用途主要是模块化+打包.安装敲入命令 npm inst

windows中安装yeoman构建angularJs项目

yeoman是什么东西我在這里就不介绍了,网上一搜一大把,我们直接进入正题. 一.环境配置 (1).Ruby,下载地址:http://rubyinstaller.org/downloads/   ? 1.1.安装文件直接安装就好了,命令行输入 ruby --version可以看到版本就安装成功,否则请设置环境变量(此不详说) 1.2. 设置gem源为淘宝的ruby源, cmd中输入如下内容     gem sources --add https://ruby.taobao.org/ --remo

使用Yeoman,Grunt和Bower开发AngularJS(译)

使用Yeoman产生AngularJS的主要骨架 使用Grunt加速开发和帮助执行 使用Bower来加入第三方插件和框架--third party plugins/frameworks 一.准备工作 安装好NodeJS和NPM(读者可自己去google) 二.安装Yeoman, Grunt and Bower,产生AngularJS的主要骨架 2.1 新建一个目录,并进入该目录,执行 npm install -g yo grunt-cli bower 此时Yeoman,grunt和Bower就被

前端项目构建yeoman (yo+gulp+bower)

需要安转的工具: nodejs  npm cnpm gulp bower yo git 1.gulp是基于nodejs,需要安装nodejs 2.npm 是包管理器,用来下载其他工具包插件的 安装教程: http://blog.csdn.net/cjagkp/article/details/52160823 3.cnpm是国内npm的淘宝镜像,因为国内有墙,所以下载一些工具包要FQ而且速度慢,用cnpm会很快例如 下载 gulp-sass(后面要下载).安装好npm后,命令行执行下面:  npm

Yeoman自动构建js项目(转)

从零开始nodejs系列文章,将介绍如何利Javascript做为服务端脚本,通过Nodejs框架web开发.Nodejs框架是基于V8的引擎,是目前速度最快的Javascript引擎.chrome浏览器就基于V8,同时打开20-30个网页都很流畅.Nodejs标准的web开发框架Express,可以帮助我们迅速建立web站点,比起PHP的开发效率更高,而且学习曲线更低.非常适合小型网站,个性化网站,我们自己的Geek网站!! 前言有一种技术可以提高我们的工作效率,可以让我们专心做我们擅长的事,

Grunt Bower构建前端

Grunt + Bower-前端构建利器 目前比较流行的WEB开发的趋势是前后端分离.前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的Web Service服务,通过JSON格式进行数据交互. 对于后端服务语言来说,不论是Ruby的rake,Java中的Maven或Gradle,或是Scala中的SBT,他们都能够提供编译运行.运行测试.打包部署.依赖管理等功能.再加上强大的package系统,让它可以插拔式的使用很多强大的功能,像数据

好文推荐系列---------(4)使用Yeoman自动构建Ember项目

好文原文地址:http://segmentfault.com/a/1190000000368881 我决定学习前端开发的效率工具Yeoman.本文将首先介绍Yeoman的基本情况,接着我们会使用Yeoman开发一个Ember应用. Yeoman是什么? Yeoman按照官方说法,它不只是一个工具,还是一个工作流.它其实包括了三个部分yo.grunt.bower,分别用于项目的启动.文件操作.包管理. Yo: Yo是一个项目初始化工具,可以生成一套启动某类项目必需的项目文件. GruntJS: G