历史文章,留存参考用
参考视频: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文件,即可看到模版界面的运行,在此基础上修改即可正常工作。