git clone [email protected]:ninghao/webapp-s01-pages.git
可以使用 npm 或 yarn 安装。推荐使用 yarn,因为这样更安全一些,它能确保我安装的包的版本跟你即将安装的包的版本一致,另外安装的速度也会更快。
进入到项目所在的目录:
cd webapp-s01-pages
然后用 yarn 安装项目需要的包:
yarn install
如果你的系统没安装 yarn,先去安装一下 yarn 这个工具。
这个项目用了 Semantic UI,第一次运行,你需要先编译一下 Semantic UI,编译好的东西会在 semantic/dist
目录的下面。
在项目的目录下执行:
gulp build-ui
我们会去定制 Semantic UI,修改了某些地方以后,需要重新编译修改的东西,监视 Semantic UI 以后可以自动给我们编译修改之后的东西。这样就不需要每次修改以后手工执行编译命令了。
gulp watch-ui
在本地可以创建一个服务器,这样会自动在编辑器上打开我们的项目页面,每次我们修改了样式表,脚本以后,浏览器都会自动刷新。
gulp serve
用编辑器打开项目,然后去编辑在 app
目录下的东西,你可能还需要去编辑 semantic
目录下的东西。