美文网首页
初学VUE,分享自己学vue过程

初学VUE,分享自己学vue过程

作者: 雨季web | 来源:发表于2017-03-03 15:17 被阅读0次

    一.在这里我会分享我做的一个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,提交完后你在码云上面就看到下面情况

    持续更新中。。。

    相关文章

      网友评论

          本文标题:初学VUE,分享自己学vue过程

          本文链接:https://www.haomeiwen.com/subject/izfrgttx.html