vue-cli快速搭建vue项目并上传github
2017-06-10 18:12
926 查看
首先我们先用vue-cli快速搭建vue项目。
假设你的电脑上已经安装好了nodejs(如何安装nodejs此处跳过,网上很多教程),那么接下来就安装vue-cli。
1、全局安装vue-cli,代码如下;
2、用vue-cli快速创建vue项目(模板),代码如下;
其中会有提示,一路回车,使用默认的就ok。projectname为你项目名称,自拟。
现在你就可以看到你的目录下有了 projectname 这个文件夹。
3.然后进入目录
4、初始化这个文件夹为一个git可管理仓库
5、在github创建远程仓库,仓库名字和本地项目名称一致
6、将本地仓库与远程仓库关联
7、将本地文件提交到远程仓库。
此处我使用了webstorm配置的git提交代码,但是遇到一点问题,手残将远程仓库的reademe文件删除了,导致push一致失败,然后网上找了一下解决方案。
push报错:
通过一下代码合并
然后再次push,ok,解决。 success!!
8、将代码推送到github之后,现在安装插件模块
现在你可以在浏览器中看到你的项目页面了!!
假设你的电脑上已经安装好了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 install9、奔跑吧,项目
npm run dev
现在你可以在浏览器中看到你的项目页面了!!
相关文章推荐
- vue2.0从项目环境模板搭建,到封装自己的插件,再到上传至github仓库
- 快速搭建Vue-cli项目
- 使用 vue-cli + element-ui 快速搭建项目
- vue2.0项目快速搭建工具——vue-cli
- 使用vue-cli(vue脚手架)快速搭建项目的方法
- 使用Vue-cli快速搭建项目
- vue-cli的使用(快速搭建项目)
- Vue-cli搭建项目遇到的问题
- vue-cli搭建项目
- 使用vue-cli脚手架搭建项目
- vue-cli快速构建项目以及引入bootstrap、jq
- 快速搭建一个Vue项目的步骤
- vue2.x+webpack快速搭建前端项目框架详解
- Intellij IDEA搭建vue-cli项目
- vue-cli搭建项目问题解决方案
- Android快速实现上传项目到Github-Android studio
- vue脚手架(vue-cli)如何搭建项目
- webpack搭建的vue-cli项目如何使用sass?
- vue-cli项目以及普通静态网页如何部署到github pages
- 使用 vue-cli 搭建项目