1.下载node-*.pkg(nodejs)包安装,地址: https://nodejs.org/en/
2.安装npm
sudo npm install
3.安装grunt
bogon:images lijie$ sudo npm install -g grunt-cli
4.安装bower:
sudo npm install bower -g
5.安装项目依赖组件包:
bower install
yo webapp
grunt server
单独安装grunt:
npm install grunt --save-dev
路由模板合成页面:
1.加入angular-ui-router组件
bower install angular-ui-router --save
2.在模块对象构建参数中加入'ui.router'
var flowerApp = angular.module('flowerWebApp', ['ngAnimate', 'ngCookies', 'ngResource', 'ngRoute','ngNotify', 'ui.router'])
3.由stateProvider构造页面
.config([ '$stateProvider', '$urlRouterProvider','$locationProvider', function ($stateProvider, $urlRouterProvider,$locationProvider) { $urlRouterProvider // The `when` method says if the url is ever the 1st param, then redirect to the 2nd param // Here we are just setting up some convenience urls. // $urlRouterProvider.when('main/system', 'main/system/staffList') // If the url is ever invalid, e.g. '/asdf', then redirect to '/' aka the home state .otherwise('/usercenter'); // $locationProvider.html5Mode(true).hashPrefix(''); // $locationProvider.html5Mode(true); $stateProvider /*.state('root', { url: '', abstract: true })*/ .state('usercenter', { url: '/usercenter', views: { 'header@': { templateUrl: '../views/cart.html', controller: 'CartCtrl' }, 'maincontent@': { templateUrl: '../views/main.html', controller: 'MainCtrl' } } }) .state('helpcenter', { url: '/helpcenter', views: { 'footer@': { templateUrl: '../views/helpcenter.html', controller: 'HelpCenterCtrl' } } }) }]);
This can be caused by incompatible node versions, per example, if you updated from 0.12 to 4.x or 5.x, you would have to either reinstall libsass or rebuild it with the command npm rebuild node-sass
.
http://stackoverflow.com/questions/34617529/error-the-libsass-binding-was-not-found
http://www.cnblogs.com/Look_Sun/p/4598045.html
相关推荐
grunt-bower-task, 面向 Bower的Grunt插件 grunt-bower-task 安装 Bower 软件包明智地安装。正在启动注意:如果你以前没有使用过 grunt,那么一定要检查一下 guide指南 guide 。 请注意,这里插件仅使用 grunt 的
前端开源库-grunt-bower-installGruntBower安装,将您的Bower依赖项从Grunt直接注入到HTML中。
使用 Grunt / Bower / Yeoman 搭建前端绘图应用程序。 -Graphs = c3js + D3。 -App = angularjs 运行 npm install -g generator-angular 然后运行 yo angular [app-name] 然后运行 grunt serve 或 grunt ...
前端开源库-grunt-bower-bundle咕噜包,包安装包组件
grunt工具实现前端代码检测,JS文件压缩合并等.
Modules04. Bower&Grunt.pdf_前端学习资料
用Grunt搭建的一个简单的web前端自动化项目,支持js代码静态扫描、js/css文件合并、压缩、js文件监控等。
Grunt的Bower组件连接器_JavaScript_CSS_下载.zip
grunt-bower-angular-example npm、grunt 和 bower 工作流程示例 当地发展要求 设置说明 这假设上面列出的所有要求都已正确安装并正在运行。 步骤 1 - 克隆存储库并更改为新克隆的存储库/文件夹 第 2 步 - 在终端...
一个简单的 Grunt / Bower / Foundation bootstrap 注意:标题中的“bootstrap”指的是bootstrapping的实践。 不是恰好被的前端框架。 安装节点。 安装 Grunt & Bower。 获取 Bower 组件。 获取 grunt 模块。 设置...
入门使用以下命令在项目的旁边安装此grunt插件: npm install grunt-bower 然后将此行添加到项目的grunt.js gruntfile中: grunt . loadNpmTasks ( 'grunt-bower' ) ;文献资料在您的,添加: bower: { dev : { dest ...
grunt-bower-update v0.1.2 以交互方式(或不)更新bower.json依赖项的版本 入门 这个插件需要 Grunt ~0.4.0 如果您以前没有使用过 ,请务必查看指南,因为它解释了如何创建以及安装和使用 Grunt 插件。 熟悉该...
熟悉该过程后,可以使用以下命令安装此插件:npm install grunt-bower-licensechecker --save-dev 插件安装完成后,可以使用以下JavaScript代码在您的Gruntfile中启用该插件: grunt . loadNpmTasks ( 'grunt-bower...
npm install grunt-bower-task --save-dev 完成后,将此行添加到项目的Gruntfile中: grunt . loadNpmTasks ( 'grunt-bower-task' ) ; 如果插件已正确安装,则在命令行中运行grunt --help列出新安装的插件的一项...
vs2013-with-grunt-bower ###这个项目有助于将 grunt 和 bower 的使用添加到 Visual Studio 2013 项目中。 如果项目/网站使用nuget管理包,卸载:bootsrtap、angular、jquery 和任何其他 javascript/css 包首先...
一本关于使用grunt进行前端工程化的书,非常好!
WordPress 主题的 Grunt & Bower 配置
Grunt 前端项目开发环境windows配置。有需要的拿去~~~
前端开源库-grunt-webfontGrunt WebFont,用于Grunt的最终SVG到WebFont转换器。
使用 Grunt 和 Bower 启动 web 应用程序 需要 Python+ 安装 Bower 和组件 $ npm install -g bower $ bower install 安装 Grunt 和插件 $ npm install -g grunt-cli $ npm install $ grunt