首先我们先用vue-cli快速搭建vue项目。

假设你的电脑上已经安装好了nodejs（如何安装nodejs此处跳过，网上很多教程），那么接下来就安装vue-cli。

1、全局安装vue-cli，代码如下；

npm install vue-cli -g

2、用vue-cli快速创建vue项目（模板），代码如下；

vue init webpack projectname

其中会有提示，一路回车，使用默认的就ok。projectname为你项目名称，自拟。

现在你就可以看到你的目录下有了   projectname  这个文件夹。

3.然后进入目录

cd projectname

4、初始化这个文件夹为一个git可管理仓库

git init

我们能够发现在当前目录下多了一个.git的目录，这个目录是Git来跟踪管理版本库。

5、在github创建远程仓库，仓库名字和本地项目名称一致

6、将本地仓库与远程仓库关联

git remote add origin git@github.com:zhang478/vue-mode.git

7、将本地文件提交到远程仓库。

此处我使用了webstorm配置的git提交代码，但是遇到一点问题，手残将远程仓库的reademe文件删除了，导致push一致失败，然后网上找了一下解决方案。

push报错：

Push rejected: Push to origin/master was rejected

解决方案：

通过一下代码合并

git pull --rebase origin master

然后再次push，ok，解决。 success！！

8、将代码推送到github之后，现在安装插件模块

npm  install

9、奔跑吧，项目

npm  run  dev

现在你可以在浏览器中看到你的项目页面了！！