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

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

持续更新中。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,724评论 25 709
  • 昨天晚上看了网页上的陆垚知马琍的预告片,爱情未满,友情之上,让我有种想去看这个电影的冲动。每个电影里我们都能找到自...
    卷卷的铺子阅读 1,098评论 0 0
  • 梳子使用很多年了,记得那还是初中的时候,当时流行那种窄窄的平直的梳子,乐儿就有这么一个,还是当时小女生喜欢的那种紫...
    额晴儿不是格格阅读 2,958评论 0 1
  • 去年过年的时候写的吧! 我出生的时候奶奶就早不在了,后来续了个弦。大概三岁的时候爷爷也去世了,三岁嘛,也懂不得什么...
    和蔼的zhxing阅读 2,548评论 1 2
  • 2017.7.27桂男分亨连接天使指导灵与天使: 一.奇迹: 1.我今天非常开心,今天起来平板支撑30下,越来越牛...
    林桂男阅读 994评论 0 0