macOS下foundation开发环境的搭建记录

参考视频:https://www.imooc.com/video/14891

foundation官网:https://foundation.zurb.com/

工具:git和Node npm

按视频中操作时遇到了部分问题,下文的命令为修改后的版本

完成Xcode的安装即自动安装好了git

Node npm的安装:
官网下载安装包后安装,完成后打开terminal输入命令node -vnpm --version查看版本完成安装。

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

1
sudo npm install --global foundation-cli

然后安装gulp bower

1
sudo npm install -g gulp bower

完成安装后即可使用foundation-cli创建新工程

首先cd到自己的准备创建工程的目录,使用

1
foundation new

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

发表评论

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

滚动到顶部