一.在这里我会分享我做的一个vue.js的网页云音乐的过程,来记录自己的学习,小菜鸟一枚。(不喜勿喷,请点击右上角)
(最近有点忙,准备找下工作,所以就没时间写记录,不过这里补充一个码云地址https://git.oschina.net/chenzihong/vue-wymusic.git)这个也是仿着GitHub上开源的一个项目学着做,从中也学到了很多。
https://git.oschina.net/chenzihong/vue-wymusic
1.1首先使用vue-cli脚手架去直接生产一个项目
1)使用的前先要全局安装一下vue-cli。(这里需要用到npm,没有的去安装一个node就自带npm了)
npm install vue-cli -g
2)安装好了之后就在C:\Users\Administrator\AppData\Roaming\npm这个目录下看到下图这个命令了
3)接着就是使用vue-cli去搭建一个vue-demo,在命令行里面输入 vue init webpack 项目名,接着就去下载模板了。这里也可以使用 vue init webpack-simple 项目名(这是简洁版)
4)下载完后看到命令上的提示,我们就输入cd wymusic 进入wymusic目录下,接着输入npm i(i是install的简写)下载所需要的依赖包。
5)下载完依赖包后,我们就接着输入npm run dev把项目跑起来(默认监听8080端口)
6)这时候一个超级简单的vue-dmo就好了
7)接着就把这项目丢到码云上(github好慢这里就用码云吧)
首先注册和登录好了。然后在码云上创建一个项目,
创建好了之后就往上面丢代码了,由于我是直接脚手架搭建的项目,里面已经有了.git文件和.gitignore、README文件,所以就不用自己去建了,然后就执行命令 git remote add origing https://git.oschina.net/chenzihong/wymusic.git 命令给自己添加一个远程版本库,然后再往上面提交代码,命令为 git push -u origin master,第一次提交加上 -u,提交完后你在码云上面就看到下面情况
持续更新中。。。
网友评论