用户登录

我已经为你准备好了一个前端页面设计用的工作流。你需要先去把它下载到你的电脑上。我把它放在了 github 这个网站上 ... 打开 ninghao 的 webapp-season1-pages 这个仓库 ..

点一下 clone or download 这个按钮 .. 然后复制一下这里出现的这个地址,它就是我的这个项目的远程仓库的地址 ...

然后再打开命令行工具 ...

先进入到某个地方 ... pwd 可以告诉你当前所在的位置 ... ls 可以查看当前位置下面的东西, cd 这个命令可以改变你当前所在的位置 ... desktop 表示桌面 ..

再输入 git clone ,后面加上刚才复制的远程仓库的地址 ..

git clone git@github.com:ninghao/webapp-season1-pages.git

完成以后,再进入到克隆到我的桌面上的这个项目的目录的下面 ... cd webapp-season1-pages

先把项目切换到一个特定的版本

git checkout v1.0.0

下面需要去安装一下这个项目依赖的一些东西,我们可以先用编辑器打开这个目录 ... 打开 Atom ... 找到项目所在的位置 ... 然后打开 ...

找到这个项目下面的 package.json 文件 ... 这个文件里的内容就是描述了一下这个项目相关的东西 .. 比如项目名字,版本号之类的东西。

这里你还会看到 devDependencies ,表示开发的依赖,意思就是这个项目要开发的过程里要用的一些工具 ... 下面有一大堆,我们暂时先不管它们具体是干什么的 ..

下面还有一个 dependencies ,表示项目的依赖,这里有一个 semantic-ui ,它是一套前端的 css 与 javascript 框架。在我们要做的项目里,我打算用一下这个框架里提供的一些样式,还有功能。

使用 npm 或者 yarn,可以去安装在 devDependencies 还有 dependencies 里面列出的东西。

回到命令行 ... 我要使用 yarn 去安装一下项目的依赖,执行一下 yarn install

这个过程需要等一阵子 ... 不要着急 ...

安装完成以后,查看一下这个目录下的东西 .. 这里会多出一个 node_modules 目录 ... 在这个目录下的东西,就是我们刚才为项目安装的在 package.json 文件里描述的项目的所有的依赖的包 ..

准备前端页面设计工作流《 网页设计案例:工作流 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点