美文网首页
初学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过程

    一.在这里我会分享我做的一个vue.js的网页云音乐的过程,来记录自己的学习,小菜鸟一枚。(不喜勿喷,请点击右上角...

  • 使用webpack搭建一个vue demo

    前言:我们在开发vue过程中使用vue-cli脚手架工具能够十分快速的构建项目,但是vue官方却十分不推荐初学者直...

  • Vue 2.0 简单项目创建

    Vue 2.0 简单项目创建初学vue的入门项目,可以避免很多初学者的坑。

  • vue体会

    说到vue对于初学者来说我觉得以下几点是一个入门的必须过程 1.最简单的脚手架搭建方式过程,其中npm,vue-c...

  • vscode怎么创建自定义代码模板

    本文以Vue的创建为例,不过这个Vue是在HTML中创建的。 初学Vue,我们一般都是在.html文件中引入vue...

  • 基于 vue2 + vuex 构建一个具有 45 个页面的大型单

    前言 初学vue时曾在网上搜索vue的实战项目源码,无奈大部分都是简单的demo,对于深究vue没有太大的帮助,剩...

  • vue.js学习(1)

    1.安装vue 补充:vue-cli 2.介绍vue下面是官方文档(中文)的说明: 估计对于有的初学者同学来说,看...

  • vue2.x defineProperty Api

    vue2.X 中的 defineProperty API Vue 初始化过程Vue 的初始化过程,分别有Obser...

  • vue初学:

    1.环境配置:http://www.runoob.com/w3cnote/vue2-start-coding.html

  • 初学Vue

    一、Vue.js下载 1.Vue在线链接 https://www.bootcdn.cn/ 2.Vue官网 ...

网友评论

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

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