首先我们先用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

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


Logo

前往低代码交流专区

更多推荐