历史文章,留存参考用

参考视频:https://www.imooc.com/video/14891
foundation官网:https://foundation.zurb.com/

Node npm的安装:

在官网下载安装包后安装,完成后打开terminal输入命令node -v和npm –version查看版本完成安装。

使用官方提供的指令工具foundation-cli创建模版

sudo npm install --global foundation-cli

安装gulp bower

sudo npm install -g gulp bower

foundation-cli创建新工程

foundation new

根据提示创建工程,这里推荐先给terminal挂上代理,否则网络会比较慢,具体方法可以参考这篇文章,也可以直接从GitHub下载foundation site以及他的依赖,然后手工加入到工程中亦可,但过程较为繁琐,foundation-cli指令是前端工程化但一个很好的示范,在创建初试工程这步极大地减少的开发人员的工作量,降低了复杂度。
安装完成后进入工程目录,输入npm start,该命令可以实时监听sass文件的变化生成css文件,即可看到模版界面的运行,在此基础上修改即可正常工作。

作者 Assaultcore

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注