1.开发环境---nodeJS

      可以根据nodeJS官网提供的安装包进行安装，安装之后在cmd中输入node -v以及npm -v如果能输出二者的版本号说明安装成功。（如果不可以，一般是环境变量的问题，可以打开我的电脑--属性--高级设置--环境变量中配置（百度一搜有很多相关文章的，这里不再赘述））。

2.用git管理项目代码（码云）

      可以在https://gitee.com码云上注册一个账号并 新建一个项目来管理我们的代码。             在本地安装git，在任意地方右击git bash here输入git --version可以输出版本号即安装成功。                                                                                                                                       关联本地git仓库和线上git仓库：在码云中 个人主页-设置-SSH公钥-怎样生成公钥，在本地的git 按提示的命令操作。然后把线上仓库的项目内容克隆到本地（SSH）复制，git clone 刚刚复制的内容.

3.创建vue项目

       可以参考vue官网中，命令行工具（cli）中的提示操作，安装过vue-cli的就不再需要安装了可以输入vue init webpack music 按照提示初始化项目代码。                                            在git中输入git add . 提交到本地仓库，然后是git  commit -m '备注信息'  ，然后git  push将代码同步到线上。

4.vue devtools调试工具安装以及sublime text3的vue插件

调试工具可以根据https://github.com/vuejs/vue-devtools#vue-devtools的提示进行安装； sublime text3的 vue插件（打开sublime text 3按 Ctrl+Shift+P 选中package control:install package 按enter，安装完毕后输入vue syntax hightlight 安装之后vue后缀的文件就能高亮显示了）

5.项目目录重置                                                                                                                        将项目目录的src文件结构修改为以下目录结构                                                               

6.安装stylus以及stylus-loader

7.

引入fastclick库解决移动端300毫秒点击延迟（npm install fastclick),                                   然后在main.js中添加以下两行内容。

8.添加文件别名

在webpack.base.conf.js文件中，添加以下内容，之后引用文件就可以直接使用这些别名  

9.

安装babel-runtime 以及babel-polyfill

在main.js 中添加一行内容

10.

修改index.html的内容为