Window下搭建foundation apps环境
Window下搭建foundation apps环境
框架:AngularJS、Foundation,
构建工具:Gulp,
开发环境:node.js。
操作系统:windows
(一)环境准备
1 安装node.js
1.1 安装最新版本(0.12.7),安装时请选中“add to path” 选项
1.2 设置淘宝镜像,打开 cmd窗口,输入以下命令
npm config set registry=http://registry.npm.taobao.org/
npm config set loglevel=http
如果安装不成功,可安装cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
1.3 打开cmd,窗口,输入npm -v 检查是否安装成功
2 安装Git
2.1 设置Git环境变量,右击“我的电脑”->“属性”->"高级系统设置"->“环境变量”->“系统变量” 下找到path,加入git的安装目录
C:\Program Files (x86)\Git\bin;
2.2 打开cmd,窗口,输入git --version 检查是否安装成功
3 安装Python
3.1 必须是2.7-3.0 之间的版本(本人安装的是python-2.7.10.amd64),安装时选中“add to path” 选项
3.2 打开cmd,窗口,输入python 检查是否安装成功
4 安装Ruby(可选)
(二)创建项目
(1) 安装所需要的工具:yo,gulp和bower,
npm install -g yo gulp bower
(2) 安装generator-gulp-angular:
npm install -g generator-gulp-angular
(3) 在项目根目录下安装node-sass
npm install node-sass
如果报错Error : ”msbuild” failed with exit code:1...
则安装VS Express 2013 for Desktop,
网址为:http://www.yalewoo.com/vs_2013_express.html
重复安装node-sass,若不行则全局安装:npm install -g node-sass
如果全局安装失败,node-sass -v找到全局安装目录,可以把bode-sass文件拷在全局安装目录下
(4) 如果已经取得完整项目,可直接在项目根目录下运行。
gulp serve
以启动网站
(5) 创建项目,如果不需要指定项目名称,app-name可以不写,默认使用当前目录名作为项目名称
yo gulp-angular [app-name]
(6) 项目创建过程中会要求选择配置项,如是否需要jquery,sass,bootstrap,foundation等,根据实际需要选择。一般情况下选择:
Version of Angular: 1.5.x(stable)
Angular Modules: angualr-animate.js
jQuery or perhaps Zepto: jQuery 2.x
Use a REST resource library: ngResource
Router: UI Router
UI framework: Foundation
Foundation components: The official jQuery implementation of Foundation
CSS preprocessor: Sass(Node)
JS preprocessor: None
HTML template engine: None
(7) 运行项目
gulp serve
如果运行的时候报错:
Error:Missing binding D:\workspace\ABC\node_modules\node-sass\vendor\win32-64-48
\binding.node
其中ABC为项目文件夹
直接在该目录下放置binding.node,再运行即可
最新文章
- Java集合源码分析(五)HashSet<;E>;
- WPF-非矩形窗口的创建
- Android 热修复Nuwa的原理及Gradle插件源码解析
- IGS_学习笔记10_IREP监控SOA Integration和日志设定(案例)
- MVC中的ActionResult
- 大众点评的大数据实践-CSDN.NET
- Away3d 骨骼动画优化
- Android Activity和Fragment生命周期图
- iBrand 教程 0.1:Windows + Homestead 5 搭建 Laravel 开发环境
- .NET Core 性能分析: xUnit.Performance 简介
- sql server 性能调优之 死锁排查
- MariaDB Galera Cluster 部署 + keepalived实现高可用
- HTML浏览器标题栏如何设置
- Android recovery支持adb shell
- AnalyticDB - 分析型数据库
- MySQL 数据库备份策略:全备与增量备份
- 吴裕雄 python 机器学习-KNN(2)
- [至顶网] Win2019 发布 LTSC 10年支持期
- String.valueof;和String = ";";+1;的区别
- 20155235 《Java程序设计》 实验一 Java开发环境的熟悉(Linux + Eclipse)
热门文章
- Java基础23-main方法
- 请求网络图片缓存到本地 ,还有一些现成的图片加载框架的使用 Ace网络篇(一)
- Linux下远程连接工具SSHSecureShellClient的使用
- merchantInfo.properties配置文件
- 读《NoSQL精粹》前三章有感
- GIT远程仓库的使用
- C#生成二维码的内容
- 2017年11月4日 vs类和结构的区别&;哈希表&;队列集合&;栈集合&;函数
- 关于JVM
- Thrift笔记(五)--Thrift server源码分析