准备前端项目(Vue)

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

打开终端, Windows 用户可以打开 cmder,然后打开浏览器,访问一下 github.com/ninghao/ninghao-vue 这个地址,克隆一下这个项目,打开 code,复制一下这个仓库的地址。

回到终端,进入到想要保存项目的地方,比如系统的桌面上,进来以后,执行 git clone,把复制的仓库地址粘贴到这里,重新给项目目录起个名字叫 nid-vue。这个克隆命令会把远程仓库克隆到你的本地电脑上,放在桌面上的 nid-vue 这个目录的下面。

完成以后进入到这个项目目录,nid-node ,然后可以使用编辑器打开这个目录,安装了 vscode 会带一个 code 命令,用 code 打开当前目录。如果你发现没法用这个命令,也可以直接打开 vscode,然后选择打开桌面上的这个 nid-node 目录。

再回到终端,下面我们可以基于一个远程分支去创建一个本地分支,先查看一下项目里所有的分支,然后复制一下这个 remotes/origin/structure 分支的名字,这个就是在远程仓库里的一个分支,基于它再去创建一个本地分支,git checkout -b 本地分支的名字叫 develop ,基于 remotes/origin/structure 去创建这个新的分支。

然后可以安装一下项目的依赖,执行一下 yarn 命令,yarn 跟 npm 差不多,都是 javascript 的包管理工具。这个命令会把项目所有的依赖准备好。完成以后,运行一下项目的开发服务,执行一下 yarn serve 。

复制一下这个本地服务地址,在浏览器上访问一下这个地址。 这里显示的就是我们现在准备好的这个前端应用的样子。

准备前端项目(Vue)《 Vue.js 项目实践:准备项目 》

统计

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

社会化网络

关于

微信订阅号

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